Подскажите пожалуйста!
Суть проблемы не получается сделать div#menu такой же ширины как и div#navigation и чтобы оно прилегало вплотную к левой стороне !
на скриншоте изобразил детальней !
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="generator" content="HAPedit 3.1">
<title></title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="container">
<div id="header">
<img src="header2.jpg" width="940" height="340" >
</div>
<div id="wrapper">
<div id="content">
<p> </p>
</div>
</div>
<div id="navigation">
<div id="menu" >
<ul>
<li><a href="new link" target="_blank"><font class="leaf">Главная</font></a></li>
<li><a href="new link" target="_blank"><font class="leaf">Все для макияжа</font></a></li>
<li><a href="new link" target="_blank"><font class="leaf">Уход за кожей</font></a></li>
<li><a href="new link" target="_blank"><font class="leaf">Уход за волосами</font></a></li>
<li><a href="new link" target="_blank"><font class="leaf">Аромат</font></a></li>
<li><a href="new link" target="_blank"><font class="leaf">Сделать заказ</font></a></li>
<li><a href="new link" target="_blank"><font class="leaf">Контакты</font></a></li>
</ul>
<img src="image/navigation.jpg" width="200" height="400">
</div>
</div>
<div id="extra">
<p></p>
</div>
<div id="footer"><p align="right"></p></div>
</div>
</body>
</html>
[CSS]
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center; background-image:url(bg_body.jpg);
background-attachment: fixed;
background-repeat:no-repeat;
background-position: top;
widht: 120%;
height: 120%;
}
p{margin:0 10px 10px; padding-top:20px}
a{
display:block;
color: #981793;
padding-top: 10px;
}
div#header {height:340px;widht:940px;}
div#container{text-align:left}
div#content{float:right;width:740px}
div#content p{line-height:1.4}
div#navigation{float:left;width:200px}
div#footer{background: #333;color: #FFF}
div#footer p{color:#729441}
div#footer p{margin:0;padding:5px 10px}
div#container{width:940px;margin:0 auto; background-color:#FFFFFF}
div#extra{clear:both;width:100; background:#FCF}
div#menu{
background:#fff;
width:200px;
}
#menu ul{
list-style:none;
}
#menu li{
list-style:none;
margin:3px 0;
}
#menu li a{
list-style:none;
background:#8faf39 url(menu_033_bg.gif) no-repeat;
color:#fff;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
text-decoration:none;
display:block;
height:35px;
line-height:35px;
padding:0 0 0 20px;
}
#menu li a:hover{
background:#da4a70 url(menu_033_h.gif) no-repeat;
color:#fff;
text-decoration:none;
}
[/CSS]