Firefox < v3 macht das da:
http://browsershots.org/png/original...3a33f140cd.png
Edit: die Adresse der Seite ist: http://www.juz-bul.de/index.php?var=opp
In allen anderen Browsern sieht die Navigation gut aus. Warum? oO
Ich komm da echt nicht weiter. Hab alles versucht. Liegt das am float ?
Das sollen ja einige Browser rumzicken...
HTML
HTML-Code:
<ul id="sidebar" >
<li> <a href="index.php?content=content/news" > Neuigkeiten</a> </li>
<li> <a href="index.php?content=content/events" > Programm</a> </li>
<li> <a href="http://picasaweb.google.com/juzbul" > Bildergalerie</a> </li>
<li> <a href="index.php?content=content/newsletter" > Newsletter</a> </li>
<li> <a href="index.php?content=content/about" > Über das Juz</a> </li>
<li> <a href="index.php?content=content/contact" > Kontakt</a> </li>
<li> <a href="index.php?content=content/guestbook" > Gästebuch</a> </li>
<li> <a href="forum" > Forum</a> </li>
</ul>
CSS
HTML-Code:
ul#sidebar {
margin: 0px;
padding:0px;
list-style-type: none;
margin-top:2px;
}
ul#sidebar li a:hover {
background-color: f72622;
}
ul#sidebar li a {
background-image:url('img/star.gif');
background-repeat:no-repeat;
background-position:center left;
font-family:Verdana;
font-weight:regular;
font-size:9pt;
padding:3px;
padding-left:16px;
float:left;
clear:both;
width: 94px;
color: #000000;
background-color: #ffffff;
text-decoration: none;
border-bottom:solid 1px #000000;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
}