Вечер добрый!

Умеющие мастера, подскажите как создать горизонтальное меню в шапке сайта в правой стороне, так как у меня на 1920x1080 разрешение всё нормально, а вот ставлю разрешения ниже 1600 или 1024, 1280 одна из категорий сползает вниз. Скриншот и CSS код прилагаю.


[CSS]
#roundbar {
margin-bottom:20px; clear:left;
float:right; width:45%;
overflow:hidden; margin-top:10px;}
#roundbar ul {
clear:left; float:left;
list-style:none; margin:0;
padding:0; position:relative;
left:50%; text-align:center;}
#roundbar ul li {
display:block; float:left;
list-style:none; margin:0;
padding:0; position:relative;
right:50%;}
#roundbar ul li a {
display:block; margin:0; padding:.4em .8em; color:#FFFFFF;
font-weight:bold; text-decoration:none; font-size:1em;
line-height:1.3em; border:1px #FFF dashed;}
#roundbar ul li a:hover {color:#E3E8EC;}
[/CSS]

Есть полоски дополнительного кода для другого разрешения, но что туда вставлять и что изменить, под вопросом, ничего не помогает.

[CSS]
@media (max-width: 1600px) and (min-width: 700px) {

}

@media (max-width: 1280px) and (min-width: 650px) {

}

@media (max-width: 1024px) and (min-width: 400px) {

}
[/CSS]