Problema con texto en Google Chrome

[RGT]

Hola,

El blog es: www.oyeeso.com

En firefox el texto se ve asi:
http://oi40.tinypic.com/157yqf6.jpg

En Chrome el texto se ve asi:
http://oi39.tinypic.com/t6xbgn.jpg

Mi texto html es:

Código:

		<div id="globo">
			<img src="http://www.oyeeso.com/wp-content/themes/oyeeso/images/globo.png" alt="OyeEso.com" />
			<span><strong>¡OyeEso!</strong><br />El FBI cerró Megaupload!.<br />Y ahora dónde alojaremos archivos?.<br /><br />
			&rarr; <a href="http://www.oyeeso.com/el-fbi-cierra-megaupload-una-de-las-mayores-webs-de-intercambio-de-archivos/" title="El FBI cierra Megaupload, una de las mayores webs de intercambio de archivos">Leer noticia</a>...</span>
		</div>

El css es:

Código PHP:

  #globo {
    float: left;
    margin: 30px 0 0 -80px;
    position: relative;
}
 
#globo span {
    position: absolute;
    left: 0;
    margin: 18px 0 0 120px;
    font-size:10px;
    line-height:12px;
    padding:0;
} 
   

Espero que me ayuden

[Nekko]

Movido a CSS desde WordPress

[cristian_cena]

así a ojo yo probaría con algo como:

Código CSS:

#globo { 
    float: left; overflow:hidden; width: ... ; height: ... ;
    margin: 30px 0 0 -80px; 
    position: relative; 
} 
 
#globo span { 
    position: absolute; 
    left: 0; top:18px;
    font-size:10px; 
    line-height:12px; 
    padding:0; 
}
 

[RGT]

Hola, bastaba con poner top:0; jeje gracias por todo amigo pero, puse el width y el height por si las moscas en otro navegador pasa algo.