Re: horizontal menu – break down on zoom

[bishtdbest]

stye:





body {

font: normal 1.1em/1.2 Arial, Helvetica, sans-serif

}

.page {

width: 720px;

margin: 0 auto;

}

.nav {

overflow: hidden;

list-style: none;

padding: 0;

margin: 0;

background: #CCC;

}

.nav li {

float: left;

padding: 2px 10px;

background: #999;

color: white;

margin: 0 7px;

}





HTML :





<div class="page">

<ul class="nav">

<li>list 1</li>

<li>list 2</li>

<li>list 3</li>

<li>list 4</li>

<li>list 5</li>

<li>list 6</li>

<li>list 7</li>

<li>list 8</li>

<li>list 9</li>

<li>list 10</li>

</ul>

</div>