Урок 33 HTML/CSS, верхнее меню не встает на место

При задании стилей в классе menubar, верхнее меню уезжает вплотную к правому краю экрана

ul.menu {
 float: right;
}

ul.menu li {
 float: left;
 padding: 0 0 0 9px;
 list-style: none;
 margin: 1px 2px 0 0;
}

ul.menu li a {
 font: normal 100% 'trebuchet ms', sans-serif;
 display: block;
 height: 20px;
 padding: 6px 35px 5px 28px;
 color: #fff;
 text-decoration: none;