Problema con menu de navegacion

[moronino]

Buenas, tengo un menu de navegacion:

Código HTML:

<li><a href="index.php" class="home">Home</a></li>
                    <li><dl class="dropdown">
                    <dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"><a href="asociacion/index.php" class="asoc" style="color:#FFF">Compartir</a></dt>
                    <dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
                      <ul>
                      <?php $social = new SocialClass("http://www.museocruzherrera.com/museo", "Arte, Artistas, Turismo", "_blank", "url"); ?>
                        <li><a class="underline"><a href="<?php echo $social->StumbleUpon(); ?>"><img src="http://www.museocruzherrera.com/museo/images/icono_redes/st.png" hspace="5" border="0" />StumbleUpon</a></li>
                        <li><a class="underline"><a href="<?php echo $social->buzz(); ?>"><img src="http://www.museocruzherrera.com/museo/images/icono_redes/bu.png" hspace="5" border="0"/>Buzz Google</a></li>
                        <li><a class="underline"><a href="<?php echo $social->Meneame(); ?>"><img src="http://www.museocruzherrera.com/museo/images/icono_redes/me.png" hspace="5" border="0" />Meneame</a></li>
                        <li><a class="underline"><a href="<?php echo $social->facebook(); ?>"><img src="http://www.museocruzherrera.com/museo/images/icono_redes/fa.png" hspace="5" border="0" />Facebook</a></li>
                        <li><a class="underline"><a href="<?php echo $social->twitter(); ?>"><img src="http://www.museocruzherrera.com/museo/images/icono_redes/tw.png" hspace="5" border="0" />Twitter</a></li>
                     </ul>
                    </dd>
                    </dl></li>
                    <li><a href="publicidad/index.php" class="publi">Publicidad</a></li>
                    <li><a href="contacto/index.php" class="contacto">Contacto</a></li>
                    <li><a href="mapa_web/index.php" class="mapa">Mapa Web</a></li>
                    <li><a href="link/index.php" class="link">Links</a></li>
 

El problema es que se puede visualizar perfectamente en firefox. pero cuando lo compruebo en ie, chrome, opera o safaria, el boton compartir aparece colocado con una altura mas baja de los demas botones...
La pagina es www.museocruzherrera.com/museo compruebenlo ustedes mismos en los diferentes navegadores y lo confirmaran...

por favor necesito ayuda...
Gracias de antemano.

[zerokilled]

mas alla de que tienes una estructura erronea, si analizas el elemento con un inspector puedes notar que el aparente fallo se debe por un margen, especificamente en el elemento DL. firefox lo muestra bien porque cada navegador tiene una "hoja de estilo" defacto, al igual que todos los navegador pero cada uno con sus propios valores. esa es la razon por la que suele usar un "css reset". de todos modos, deberias comenzar primero por crear una estructura valida y luego aplicar css.