При использование padding:15px 0; появляется непонятный баг, а а именно две дополнительные ячейки. Помогите пожалуйста. вот мой код: html: <div id="conteiner"> <div id="nav"> <u> <li><a href="#">главная</li> <li><a href="#">Скачать</a></li> <li><a href="#">Документация</a></li> <li><a href="#">О Нас</a></li> <li><a href="#">Контакты</a></li> </u> </div> </div> css: div#nav li { list-style: none; } div#nav a { text-decoration:none; font-family: verdana; font-size: 14px; color: #F4F4F4; float: left; padding: 15px 30px; border-right: 1px solid rgba(244,244,244,0.4); background-color: #406aa2; background-image: -webkit-gradient(linear,jeft top,left bottom,from(#406aa2),to(#233A59)); background-image: -webkit-linear-gradient(top,#406aa2,#233A59); background-image: -moz-linear-gradient(top,#406aa2,#233A59); background-image: -ms-linear-gradient(top,#406aa2,#233A59); background-image: -o-linear-gradient(top,#406aa2,#233A59); background-image: linear-gradient(top,#406aa2,#233A59); } div#nav a:hover { background-color: #233A59; background-image: -webkit-gradient(linear,jeft top,left bottom,from(#233A59),to(#406aa2)); background-image: -webkit-linear-gradient(top,#233A59,#406aa2); background-image: -moz-linear-gradient(top,#233A59,#406aa2); background-image: -ms-linear-gradient(top,#233A59,#406aa2); background-image: -o-linear-gradient(top,#233A59,#406aa2); background-image: linear-gradient(top,#233A59,#406aa2); }
