Vertikale Tab-Navigation

Hallo mal wieder. Ich arbeite gerade an einer Website für einen Bekannten, und irgendwie steh ich grad ein bisschen auf dem Schlauch. (Obs an der Zeit liegen mag..?)

Folgendes Problem: Ich habe eine vertikale Tab-Navigation (siehe Anhang). Die einzelnen Tabs werden als background-image eingebunden. Mein Denkfehler ist jetzt: Die einzelnen Tabs sollten ja eigentlich klickbare Links sein Die Stilangaben die ich atm im <li> hab einfach ins <a> übertragen funktioniert da a ja ein inline-Element ist nicht... Naja, schauts euch mal an, hier die relevanten codes (Angenommen Gallery ist die aktuelle Seite, darum steht der text nicht im <a>)

<div id="navi_tabs">
	<ul>
		<li id="gallery">Gallery</li>
		<li id="projects"><a href="projects.html">Projects</a></li>
		<li id="links"><a href="links.html">Links</a></li>
		<li id="mail"><a href="mail.html">Mail me</a></li>
	</ul>
</div>

/* NAVI-Styles */


#navi_tabs {	
	width: 24px;
	height: 578px; 
	margin-left: 826px;
	background: url(images/navi_bg.png) no-repeat;
	padding-top: 47px;
}


#navi_tabs li {
	width: 24px;
	height: 92px;
	text-indent: -999em;
}


#gallery {
	background: url(images/gallery.png) no-repeat;
}


#projects {
	background: url(images/projects.png) no-repeat;
}


#links {
	background: url(images/links.png) no-repeat;
}


#mail {
	background: url(images/mail.png) no-repeat;
}

Gab das nicht kompatibilitätsprobleme im IE?

EDIT: Naja, irgendwie hatte ich wirklich einen Knoten, hab die genannte Methode nämlich schon versucht bevor ich hier gepostet hab. Wahrscheinlich hatte ich da einen syntaxfehler drin, jetzt funktionierts auf jeden fall

-Lukas