[CSS] Menu à onglet

Bonjour,

J'ai un menu à onglet dont les onglets sont une image. Les titres de mes onglets ne sont pas de longueur constantes, alors je ne peux pas utiliser la propriété padding et les propriétés width et height ne semblent pas fonctionner.

voici le contenu du css :

a.tab {
	background-image:url(images/inactive-tab.gif);
	background-repeat:no-repeat;
	height:100%;
	width:33%;
	text-decoration: none;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	height:34;
	width:294;
}
a.tab:hover {
	background-image:url(images/active-tab.gif);
	background-repeat:no-repeat;
	color: #0099FF;
}
a.tab-active {
	background-image:url(images/active-tab.gif);
	background-repeat:no-repeat;
	color: #0099FF;
	text-decoration: none;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	height:34;
	width:294;
}

et le code html :

		<div class="tabs" style="width: 891px; height: 44px;margin: 0px; margin-top: 20px;margin-left: 35px;float: left;display:inline;">
            <a href="javascript:void(0);" id="automisation-tab" onclick="clickTab('automisation');" class="tab-active" style="margin-left: 0px;">Automatisation</a>
            <a id="securite-tab" href="javascript:void(0);" onclick="clickTab('securite');" class="tab" style="margin-left: 0px;">Sécurité des machines</a>
            <a id="viscosite-tab" href="javascript:void(0);" onclick="clickTab('viscosite');" class="tab" style="margin-left: 0px;">Viscosité en ligne</a>
        </div>

la fonction clicktab ne fait que changer la classe tab pour tab-active.

Alors avez-vous une idée de comment faire pour que mes 3 onglets soient de la même dimension?

Merci beaucoup de votre aide!