Горизонтальное меню и уменьшение размера окна браузера

код в студию!

Да абсолютно любое меню.

html

<div id="main_nav">

<ul id="nav">

<li><a href="">Главная</a></li>

<li><a href="">Портрет</a></li>

<li><a href="">Эротика</a></li>

<li><a href="">Музыка</a></li>

<li><a href="" id="navb">Жанр</a></li>

<li><a href="">Карандаш</a></li>

<li><a href="">Контакты</a></li>

</ul>

</div>

css

body {

background-color:#333333;

}

a:link {

text-decoration:none;

}

a:visited {

text-decoration:none;

}

#nav {

padding-left:0;

margin-left:0;

list-style:none;

background-color:#FFFF00;

overflow:hidden;

}

#nav a {

float:left;

padding:5px 30px 5px 30px;

border:1px solid #a96060;

background:url(gradient.gif) repeat-x center center;

color:#FFFFFF;

text-transform:uppercase;

font-size:12px;

}

#nav li {

display:inline;

}

#nav a:hover {

background:url(gradient2.gif) repeat-x center center;

}

Прикрепил два градиента.

Это один из примеров.

1) задать высоту <ul> тогда будут пропадать пункты лишние вообще

#nav {

height:25px;

}

2) задать ширину в % для блока, но тут будет сужаться по максимуму, но при китической массе переноситься.

#nav a {

display:block;

width:5%;

}

Решение для конкретного примера.

Можно задать фиксированную ширину ДИВу с меню:

Ну задашь ему ширину, выровняешь его по центру, а что дальше? Можно убрать "float" и центрировать, но тогда элементы списка перестанут быть блочными и из-за этого возникнет куча других проблем. Ведь есть же какой-то выход... = ( = ))))

http://a383.ru

посмотрите как тут менюшка сделана. резиновая выпадающая менюшка без явы.