Menyn förstör allt..

Sidan har blivit helt konstig efter att jag fixade menyn.

Kollar ni på den i IE så ser ni att när man håller musen över sida1 i menyn så täcker den över texten main.
Det vill jag inte.

Kollar ni på den i FF så ser ni att texten main hamnar precis där menyn slutar det vill jag inte heller.

Hur ska jag göra för att fixa detta i bägge läsarna ?

Nu har jag löst det problemet.

Men en annan liten fråga då.
Om ni testar hålla musen över en länk i menyn så ser ni att den byter bakgrund.
Jag vill att om man tex går in på huvudsidan så undertiden man är inne på huvudsidan så ska det va den bakgrunden helatiden.
Hur går jag tillväga för att lösa detta?

Här är koden jag använde till menyn.

ul#menu {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:46px;
	font-size:12px;
	font-weight:bold;
	background:transparent url("../gfx/bg-main-menu.gif") repeat-x top left;
	font-family:"Trebuchet MS",Helvetica,Arial,Verdana,sans-serif;
	border-bottom:1px solid #000000;
	border-top:0px solid #000000;
}

ul#menu li {
	display:block;
	float:left;
	margin:0;
	pading:0;
}
	
ul#menu li a {
	display:block;
	float:left;
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	padding:12px 15px 0 15px;
	height:35px;
}
	
ul#menu li a:hover {	
	color:#000000;
	background:transparent url("../gfx/bg-main-menu_active.gif");	
        background-repeat: repeat-x;
        background-color: #ffffff;
}

Och för att få menyn att visa samma som den gör på a:hover fast helatiden när man är innen på tex huvudsidan så tänkte jag att man borde kunna använda koden.

ul#menu li a:current {	
	color:#000000;
	background:transparent url("../gfx/bg-main-menu_active.gif");	
        background-repeat: repeat-x;
        background-color: #ffffff;
}

Men det gick inte.
Hur gör jag då?

Ingen som kan hjälpa mig? :o