ul#menu{ margin : 0; padding : 0; display : table; width : 100%; border-right : 1px solid #fff; } #menu li{ display : table-cell; text-align : center; width : auto; } *html #menu li{ width:auto; display : inline; zoom : 1; } #menu a:link, #menu a:hover, #menu a:visited{ display : block; background : #336699; padding : 5px 20px; font : 16px Arial; border-right: 2px solid #3D92BC; color : #fff; text-decoration : none; border-top: 5px solid #3D92BC; } #menu a:hover{ background: #fff; border-top: 1px solid #3D92BC; border-bottom: 1px solid #3D92BC; color:#3D92BC; } <ul id="menu"> <li><a href="">О нас</a></li> <li><a href="">История</a></li> <li><a href="">Документы</a></li> <li><a href="">Экспедиция</a></li> <li><a href="">Галерея</a></li> <li><a href="">Контактная информация</a></li> </ul> Вроде сделал, но остался вопрос с боковой границей, как её сделать? И IE6-7 неправильно отображает страницу, в чем проблема?