15/15 подскажите, как допилить main-menu

.main-menu {
    width: 50px;
    float: right;
    width: 24%;
    padding-left: 20px;
}

Так какую ширину Вы хотели определить? 50px или 24%?


Попробуйте так:

.main-menu {
    float: right;
    width: 110px;
}

Спасибо, с меню все отлично.

Подскажите, почему у logo пошел люфт?

.logo {
float: left;
background-color: #333333;
text-align: center;
font-weight: bold;
color: #ffffff;
width: 51%;

}

width: 51% 230px;

Спасибо, подскажите почему получается такое сильное отличие между заданием ширины с помощью процентов или пикселей?