descuadre en diferentes navegadores

[herzbazi]

amigos estoy trabajando una web para una empresa y resulta que en internet ex plorer se ve bien la pagina pero si lo ves en google chrome, mozilla u opera , descuadra el texto

imagen en explorer



imagen en chrome

codigo css utilizado

este es el código, me puede alguien ayudar es urgente

#menulateral {
position:absolute;
width:186px;
height:214px;
z-index:21;
left:56px;
top: 187px;
background-image:url(images-higienicos/Catalogo-Higienicos_03.jpg);
background-repeat:no-repeat;
border:none;
}

#titulo {
position:absolute;
width:40px;
height:24px;
z-index:30;
left:60px;
top: 10px;
}

#higienicos {
position:absolute;
width:100px;
height:24px;
z-index:31;
left:30px;
top: 37px;
}
#toallas {
position:absolute;
width:100px;
height:24px;
z-index:31;
left:30px;
top:60px;
}

#servilletas {
position:absolute;
width:100px;
height:24px;
z-index:31;
left:30px;
top:83px;
}

#Dispensadores {
position:absolute;
width:120px;
height:80px;
z-index:32;
left:30px;
top:105px;
}

este es el html

<div id="menulateral">
<div id="titulo">Cat&aacute;logo</div>
<div id="higienicos">Higienicos</div>
<div id="toallas">Toallas</div>
<div id="servilletas">Servilletas</div>
<div id="Dispensadores">
<p>Dispensadores</p>
<ul>
<li>Higi&eacute;nicos</li>
<li>Toallas</li>
<li>Jab&oacute;n</li>
</ul>
</div>
</div>