Помогите разместить элементы главного меню друг возле друга. <div class="hmenu"> <ul class="gor_menu1"> <li><a href="#"><span><b>Головна</b></span></a> </li> </ul> <ul class="gor_menu1"> <li><a href="#"><span>Загальна інформація</span></a> <ul class="gor_menu"> <li><a href="#">Законодавча база</a></li> <li><a href="#">Контакти</a></li> </ul> </li> </ul> <ul class="gor_menu1"> <li><a href="#"><span>Напрямки діяльності</span></a> </li> </ul> <ul class="gor_menu1"> <li><a href="#"><span>Виробництво</span></a> <ul class="gor_menu"> <li><a href="#">Про підприємство</a></li> <li><a href="#">Каталог продукції</a></li> <li><a href="#">Запрошуємо до співпраці</a></li> <li><a href="#">Інженерне забезпечення</a></li> </ul> </li> </ul> <ul class="gor_menu1"> <li><a href="#"><span>Структура</span></a> <ul class="gor_menu"> <li><a href="#">Керівництво утсанови</a></li> <li><a href="#">Графік прийому</a></li> </ul> </li> </ul> <ul class="gor_menu1"> <li><a href="#"><span>Реагування на критику</span></a> </li> </ul> </div> .hmenu { margin-top:1px; height:30px; } .gor_menu1 { position:relative; list-style:none; float: left; width: 161px; font: normal 11px verdana; padding:1px; } .gor_menu1 li { position: relative;/**/ display:block; margin: 0; padding: 0; list-style: none; font: normal 11px verdana; } .gor_menu1 li a { text-decoration:none; display:inline-block; } .gor_menu { position:absolute;/**/ margin: 0; padding: 0; list-style: none; float: left; width:161px; font: normal 11px verdana; } .gor_menu1 span { border: 1px solid #365799; border-left:none; background: url(logo/header.png); color: #fff; display:block; padding: 8px 8px 9px 8px; text-align:center; border-radius:6px; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; } .gor_menu1 li .gor_menu { display: none; } .gor_menu li a { border:1px solid #365799; border-top: none; display: block; color: #fff; background: url(logo/header.png); padding: 5px; text-decoration: none; text-align: left; z-index: 1000; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } .gor_menu li a:hover { color: #000; background: #edf5f7; } .gor_menu1 li a:hover span { color: #000; background: #edf5f7; } .gor_menu1:hover li .gor_menu { display: block; }
