Помогите доделать навигационное меню.

Есть код меню :

<div id="global-nav">



                        <ul id="menu">





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



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



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



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



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



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



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



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



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





                        </ul>



                </div>

И стили:

l, li, form {

list-style:none;

margin:0px;

padding:0px;

}



#global-nav {

height:30px;

background:#000000;

}



#global-nav #menu {

float:left;

margin-left:10px;

display:inline;

border-left:1px solid #000000;

}



#global-nav a {

height:30px;

float:left;

color:#000000;

font:bold 11px Arial;

line-height:30px;

padding:0px 10px;

}



#global-nav .link {

border-right:1px solid #000;

float:left;

}



#global-nav .on,

#global-nav a:hover {

background:#000000;

Вот это всё сворачиваеться при измененении окна браузера в меньшую сторону.

Вопрос!

Как это всё устроить так, чтобы не сворачивалось, а оставалось в зафиксированном состоянии?