резиновая высота меню

[EvilDoom]

Подскажите пож.

Есть меню

    <div id="navi">
		  <ul>
	   <li><a target="_blank" href="index.html">ГЛАВНАЯ</a></li>
	    <li><a target="_blank" href="index.html">ГЛАВНАЯ2</a></li>
	    <li><a target="_blank" href="index.html">ГЛАВНАЯ3</a></li>
	    <li><a target="_blank" href="index.html">ГЛАВНАЯ4</a></li>
	    <li><a target="_blank" href="index.html">ГЛАВНАЯ5</a></li>
	    <li><a target="_blank" href="index.html">ГЛАВНАЯ6</a></li>
	    <li><a target="_blank" href="index.html">ГЛАВНАЯ7</a></li>
	  </ul>
	  </div>

#navi {
background-image: url(images/21.jpg);
background-repeat:repeat-x;
background-position:center center;
width:100%;
min-height:30px;
max-height:52px;
}
#navi ul li {
float:left;
margin-left:20px;
font-size:14px;
margin-top:5px;
}

Суть в чём: меню не влазит в монитор, и на мелких мониторах слетает на вторую строку, вот собственно нужно сделать что бы когда оно слетало на вторую строку то высота фона менюшки увеличивалась.

Что я не так прописал в коде? уже голова болит...

[Zippovich]

попробуйте изменить

background-image: url(images/21.jpg);

background-repeat:repeat-x;

background-position:center center;

на

background: url(images/21.jpg) 50% 50%;

[EvilDoom]

не помогло, то есть я окно браузера сжимаю, пункт меню перескакивает на вторую строчку но фон не увеличивается

[Zippovich]

а ссылку на сайт можно?

[Switch74]

думаю фон у вас маленький по высоте, чтобы он растягивался по высоте нужно помоему по y репит делать, но если он у вас с градиентами или узорами, то в таком случае может не состыковаться правильно

[serdeles]

Попробуйте в #navy дописать

overflow: hidden;

[EvilDoom]

Попробуйте в #navy дописать

overflow: hidden;

Я как то про overflow и не подумал, помогло спасибо большое

[Switch74]

хм... а меню сейчас у вас все видно на маленьком экране? Просто мне почему-то кажется, что сейчас ссылки, которые перескакивали на вторую строку совсем исчезают на маленьких экранах...

[EvilDoom]

хм... а меню сейчас у вас все видно на маленьком экране? Просто мне почему-то кажется, что сейчас ссылки, которые перескакивали на вторую строку совсем исчезают на маленьких экранах...

да видно, я браузер сжимаю, меню перескакивает, фон увеличивается и всё работает..