Estoy Realizando una página, utilizo una CSS externa, para colocar el margen uso padding-left tengo un texto y también una lista, con Firefox el contenido de la lista comienza donde indica la propiedad PADDING-LEFT pero los circulos de cada elemento están fuera del margen indicado por el PADDING, sin embargo con IE se ve bien, es decir cirlulo y contenido de la lista dentro de donde indica el PADDING, esto es lo que más me fastidia que con IE un navegador que no me gusta y desaconsejo se vea bien, y que con Firefox 3.5 el navegador que recomiendo y utilizo normalmente no se vea como espero.
¿Cómo soluciono este problema?
/***** HOJA DE ESTILO ****/
ul.descripcion_valde{
COLOR: #763406;
FONT-FAMILY: Tahoma;
FONT-SIZE: 12px;
FONT-WEIGHT: 600;
display: inline-block;
PADDING-BOTTOM: 1px;
PADDING-LEFT: 40px;
PADDING-RIGHT: 40px;
PADDING-TOP: 1px;
margin-top: 3px;
}
P.descripcion_bis{
COLOR: #763406;
FONT-FAMILY: Tahoma;
FONT-SIZE: 12px;
FONT-WEIGHT: 600;
PADDING-LEFT: 40px;
PADDING-RIGHT: 40px;
TEXT-ALIGN: justify;
}
/********* HTML ****************/
<p class="descripcion_bis">SERVICIOS ESPECIALIZADOS.
</p>
<ul class="descripcion_valde">
<li>Fisioterapia</li>
<li>Psicomotricidad</li>
<li>Atención psicológica</li>
<li>Atención social</li>
<li>Talleres de habilidades del hogar</li>
<li>Taller de habilidades basicas</li>
<li>Logopedia</li>
<li>Ocio y tiempo libre</li>
</ul>
Usuarios: 
