Здравствуйте. Окажите помощь, пожалуйста, начинающему верстальщику в разработке резинового меню. <nav id="top"> <ul id="menu"> <li class="main"><a href="#">Главная</a></li> <li><a href="#">О компании</a></li> <li><a href="#">Услуги</a> <ul class="drop"> <li><a href="#">Service 1</a></li> <li><a href="#">Service 2</a></li> <li><a href="#">Service 3</a></li> <li><a href="#">Service 4</a></li> </ul> </li> <li><a href="#">Каталог</a></li> <li><a href="#">Наши работы</a></li> <li><a href="#">Отзывы</a></li> <li><a href="#">Контакты</a></li> </ul> </nav> nav#top { border: 1px solid #e2e2e2; border-radius:15px; height:50px; position:relative; margin:0 20px; background: url(../img/grad.png) repeat-x; z-index:155; } ul#menu { list-style:none; margin-left:1%; padding-left:0; float:left; display: block; } #menu li { float:left; position:relative; background:none; border-left:2px solid #fff; height:33px; margin:8px 0; } #menu li.main, #menu li li { border-left:none; } #menu li ul.drop { display:none; position:absolute; background:#99ccff; width:120px; z-index:22; left:5px; top:32px; box-shadow:0 2px 15px -4px #525252; } #menu li li { height:25px; display:block; margin:0; padding:2px 0; width:100% } #menu a { color:#333333; font-family:arial; font-size:20px; text-decoration:none; display:block; padding:6px 15px; } #menu a:hover { color: #f8f8f8; } #menu li:hover ul.drop { display:block; } Никак не получается растянуть пункты меню.. заранее спасибо.
