[HTML][CSS]Biala Linia Opcje

[_MaStErCoBrA_]

Witam, mam menu na stronie ktore wyglada tak:

[HTML] pobierz, plaintext 
<div id="mainmenu"><ul>
    		<li class="notactive">Step 1</li>
      		<li class="active">Step 2</li>
      		<li class="notactive">Step 3</li>
            <li class="notactive">Step 4</li>
      		<li class="notactive">Step 5</li>
  </ul></div>
[HTML] pobierz, plaintext 

Co daje nam:

http://img83.imageshack.us/my.php?image=82408922be6.jpg

Chce dodac linka do guzika "Step 3", w ten sposob:

[HTML] pobierz, plaintext 
<div id="mainmenu"><ul>
    		<li class="notactive">Step 1</li>
      		<li class="active">Step 2</li>
      		<a href="index.php?id=top"><li class="notactive">Step 3</li></a>
            <li class="notactive">Step 4</li>
      		<li class="notactive">Step 5</li>
 </ul></div>
[HTML] pobierz, plaintext 

I dostajemy biala linie pod guzikami ktora oddziela je od paska:

http://img264.imageshack.us/img264/1538/82972232sg6.jpg

---

CSS:

mainmenu:

[HTML] pobierz, plaintext 
#mainmenu {
	height:26px;
}
 
#mainmenu ul {
	list-style-type:none;
	float:left;
	margin:0;
}
 
#mainmenu li {
	width:100px;
	text-align:center;
	line-height:26px;
	display:block;
	float:left;
	margin-right: 17px;
}
 
#mainmenu li.active {
	background-image:url(images/tab_active_fo.gif);
	font-weight: bold;
	color: white;
}
 
#mainmenu li.notactive {
	background-image:url(images/tab_inactive.gif);
	font-weight: bold;
}
 
#mainmenu li a {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
 
#mainmenu li.active a {
	color:white;
}
 
#mainmenu li.notactive a {
	color:#808080;
}
[HTML] pobierz, plaintext 

Co robic ? (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

Dziekuje i pozdrawiam (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)