how can i stop last link on horizontal menu from float out

Hi i have the following webpage which has horizontal menu at the top (home, about us and so on) my problem is that if the users minimaze the page with ctrl – or maximise with ctrl+ the last links from the menu moves under the navigation bar.

how can i stop that from happening so that no matter if the users minimizes or maximimise the links words should shrink enough to always fit in the navigation bar here my page

website

here my menu codes

HTML

PHP Code:

---

<div�class="row6">��������

���<ul�id="topnav">


��������<li><a�href="index.php"><b>HOMEb>a>li>


��������<li><a�href="home2.html">�<b>ABOUT�USb>a>li>


��������<li><a�href="gallery.html"><b>GALLERYb>a>li>


��������<li><a�href="market.php"><b>VIDEO�MARKETINGb>a>li>


��������<li><a�href="#"><b>WEB�<span�style="color:�#0F0;�font-weight:900px;">TVspan>�PRESENTERS.co.ukb>a>li>


��������<li><a�href="#"><b>AWARDSb>a>li>


��������<li><a�href="#"><b>INSTANT�QUOTEb>a>li>


��������<li><a�href="#"><b>EQUIPMENTb>a>li>


��������<li><a�href="#"><b>STAFFb>a>li>


��������<li><a�href="#"><b>CONTACT�USb>a>li>������


����ul>


�����


div>�








---

the CSS

PHP Code:

---

ul#topnav�{


width:800px;


����margin:�0;�padding:�0;


����float:�left;


����height:25px;


����list-style:�none;


����background-image:url(images_menu_top/middle.gif);

}


ul#topnav�li�{


����float:�left;


����margin:�0;�padding:�0;


����border-left:�1px�solid�#555;


����height:25px;


}


ul#topnav�li�a�{


����padding:�5px�5px;


����display:�block;


����color:�black;


����text-decoration:�none;


����font-size:14px;


}


ul#topnav�li:hover�{


����text-decoration:underline;

}


#topnav�li�ul�{


����float:�left;


����padding:�10px�0;


����position:�absolute;


����left:�0;�top:25px;


����display:�none;


����width:�1000px;


����color:�orange;


����-moz-border-radius-bottomright:�5px;


����-khtml-border-radius-bottomright:�5px;


����-webkit-border-bottom-right-radius:�5px;


����-moz-border-radius-bottomleft:�5px;


����-khtml-border-radius-bottomleft:�5px;


����-webkit-border-bottom-left-radius:�5px;


}


#topnav�li:hover�ul�{�display:�block;�}


#topnav�li�ul�a�{�display:�inline;�color:orange;�}


#topnav�li�ul�a:hover�{text-decoration:�underline;}�








---

http://bit.ly/lbj3Z4