Diferente en IE y Firefox

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? <span class="codigo"> /***** 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> </span>