Добрый вечер, подскажите пожалуйста, что не так в коде, если на выходе получается вот такая вещь:
(Хочу сделать только верхнюю и нижнюю границы у меню, но обе почему-то оказываются над ним.)
.menu { border-top:3px solid red; border-bottom:3px solid red; }
.menu ul {list-style:none; text-align:center;}
.menu li {float:left; padding:10px;}