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á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énicos</li>
<li>Toallas</li>
<li>Jabón</li>
</ul>
</div>
</div>