Hola! tengo un problema con los márgenes de mis estilos css. En Firefox se me desplazan más abajo que en Google Chrome, por ejemplo si en css tengo un margin-top: 6px en un enlace, en Firefox se me ve más abajo que en Crhome y si le quito el margin-top en Firefox se ve bien y en Chrome se ve el enlace pegado al bloque de arriba ¿Cómo puedo solucionar esto? gracias. Del el código:
HTML:
CSS:
HTML:
<div id="menuac">
<ul>
<h1>titulo</h1>
<li><a href="ruta"><img src="imagen.jpg"></a><h2><a href="ruta">enlace</a></h2></li>';
</ul>
</div>CSS:
#menuac { width: 150px ; height: 230px; background-color:lavenderblush; float:left;
text-align:left ; margin: 14px 0px 0px 0px ;
background-position:bottom; padding-bottom:1px; border-radius: 5px; border:fuchsia 1px solid;
box-shadow: 0 .1em 1em black;
-webkit-box-shadow: 0 .1em 1em black;
-moz-box-shadow: 0 .1em 1em black;
-o-box-shadow: 0 .1em 1em black}
#menuac li {list-style:none; margin:15px 0px 4px 8px; border-radius: 3px; border:blue 1px solid; width:131px; height:160px}
#menuac h1 {color: black; text-decoration:underline; font-size:10px; margin-top: 6px; margin-left: 0px}
#menuac h2 {color: blue; text-decoration:none; font-size:12px; margin-top: 6px}
#menuac ul { margin-left: 0px; margin-top: 12px; margin-bottom: 35px}
#menuac h2 a {color: blue; text-decoration: none}
#menuac h2 a:hover {color: fuchsia; text-decoration: underline; }