[Nomda]

varför göra det komplicerat när man kan göra det enkelt?
den menyn behöver varken javascript eller skumma positions.

HTML:

<div id="navigation">
<ul>
<li><a href="#" class="active">Link<span></span></a></li>
<li><a href="#">Link<span></span></a></li>
<li><a href="#">Link<span></span></a></li>
<li><a href="#">Link<span></span></a></li>
</ul>
</div>

CSS:

#navigation { height: 30px; overflow: hidden; }

#navigation ul { margin:0; padding:0; list-style: none; }
#navigation ul li { margin:0; padding:0; list-style: none; display: inline; /* display inline för att fixa utvisningen i IE6*/ }
#navigation ul li a { 
font: 12px arial, verdana;
margin:0;
padding:5px 7px;
list-style: none;
display: block; 
background: url(../img/button.gif) no-repeat top left; /* bakgrundsbild när du inte håller musen över */
float: left;
text-decoration: none;
color: #fff;
text-align: center;
 }

#navigation ul li a:hover {
background: url(../img/button_over.gif) no-repeat top left; /* bakgrundsbild när du håller musen över */
color: #000; /* Textfärg när du håller musen över */
}

/* Utvisning för vilken sida du är inne på */
#navigation ul li a.active { 
background: url(../img/button_over.gif) no-repeat top left; /* bakgrundsbild när du håller musen över */
color: #000; /* Textfärg när du håller musen över */
 }