Hola, quiero poner un enlace en un lateral en el que el texto va en sentido vertical, lo consigo perfectamente con transform (menos en ie, pero eso lo solucioné con una imagen), pero tengo un problema, pues aunque no lo dije antes, antes del texto va una imagen, bien el problema es que si pongo:
Código:
#vertical p{
transform:rotate(-90deg);
-webkit-transform:rotate(90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
}
y en el html
Código:
<div id="vertical">
<a class="toggle" href="javascript:void(0);" >
<img src="images/diente_newsletter.png" alt="diente" width="17" height="25" />
<p>NEWSLETTER</p>
</a>
</div>
en FF el texto se monta sobre la imagen, entonces pongo un margin-top:60px, pero entonces en Chrome queda este margen de 60px, con lo que queda mal. Alguna solución para que se vea bien en los dos (ya se que con una imagen lo soluciono, pero me gustaría hacerlo con css).