Hej!
Jag har skrivit min css och html för en horisontell meny som följer nedan. I Firefox ser det bra ut men i IE bryter menyn rad efter 10 "menyposter". Någon som vet varför eller hur man fixar detta? är det ett problem som bara finns för IE?
Tack för all hjälp!
CSS-Koden:
#alfa{
position: absolute;
background: transparent;
width: 800px;
left: 0px;
top: 100px;
text-align: left;
text-transform: lowercase;
line-height:14px;
font-weight: bold;
z-index: 1;
font-size: 12px;
}
#alfanavlist
{
margin: 0;
padding: 0px 0px 19px 10px;
border-bottom: 1px solid #000;
}
#alfanavlist ul, #alfanavlist li
{
margin: 0px 8px 0px 8px;
padding: 0;
display: inline;
list-style-type: none;
}
#alfanavlist a:link, #alfanavlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
padding: 0 4px 0px 4px;
margin: 0 3px 4px 3px;
text-decoration: none;
color: #999;
padding-bottom: 2px;
background: transparent;
}
HTML-Koden:
<div id=\"alfa\">
<ul id=\"alfanavlist\">
<li><a href="">#</a></li>
<li><a href="">a</a></li>
<li><a href="">b</a></li>
<li><a href="">c</a></li>
<li><a href="">d</a></li>
<li><a href="">e</a></li>
<li><a href="">f</a></li>
<li><a href="">g</a></li>
<li><a href="">h</a></li>
<li><a href="">i</a></li>
<li><a href="">j</a></li>
<li><a href="">k</a></li>
<li><a href="">l</a></li>
<li><a href="">m</a></li>
<li><a href="">n</a></li>
<li><a href="">o</a></li>
<li><a href="">p</a></li>
<li><a href="">q</a></li>
<li><a href="">r</a></li>
<li><a href="">s</a></li>
<li><a href="">t</a></li>
<li><a href="">u</a></li>
<li><a href="">v</a></li>
<li><a href="">w</a></li>
<li><a href="">x</a></li>
<li><a href="">y</a></li>
<li><a href="">z</a></li>
<li><a href="">å</a></li>
<li><a href="">ä</a></li>
<li><a href="">ö</a></li>
</ul>
</div>