Texto bug no Mozilla/Chrome

[R&SWebdesign 0]

Texto no IE e no Chrome/Mozilla ficam em posições diferentes, no IE fica como eu quero que fique, nos outros navegadores buga.

Code ta pela metade, só pra terem uma ideia de como to fazendo

CSS
#clientefull{
	width:260px;
	margin-left:25px;
	height:450px;
	float:left;
}
#titulocliente{
	height:25px;
	width:190px;
	background-color:#36C;
	margin-left: 25px;
	position: relative;
	text-align: center;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	top:40px;
	font-size: 20px;
	padding:4px;
}
#cliente{
	width:260px;
	height:200px;
	background-image:url(images/balon.png);
	position:relative;
	top:40px;}
#opnio{
	width:200px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:24px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	text-align: center;
}

HTML

<div id="clientefull"> 
          <div id="titulocliente">Opnião do<span class="italic"> Cliente</span></div> 
          <div id="cliente"> 
            <div id="opnio">Ótimo,simples e objetivo,satisfação total,trabalho concluido com rapidez e eficiencia!</div></div> 
</div>
</div>

image: http://img42.imageshack.us/i/imagemjaw.jpg

direita IE // Esquerda Chrome

 

é isso, espero que tenham intendido.

[Thiago Retondar 18]

O Link está indisponível.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Aprendiz CSS 3]

Provavelmente seja o position relative que tem no seu código

 

evite o uso de position

 

abraço

[R&SWebdesign 0]

o position relative não está na div do bug, acho que não seria isso.

 

 

http://img14.imageshack.us/i/imagemkspi.jpg/

 

imagem atualizada

[Aprendiz CSS 3]

coloca um link disso ai para te ajudarmos

 

abraço

[Thiago Retondar 18]

Tenta fazer isso sem position. Se precisar use margin-top ou line-height.

 

Ahhh, o seu código HTML está bem pouco semântico e muitas div desnecessárias. Melhora isso aí.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[R&SWebdesign 0]

margein-top ja tem, coloquei div titulo e tals, pq tem background, ai não sei outro modo de fazer.

[Thiago Retondar 18]

Posta o link aí, para vermos melhor o que está acontecendo. ;)

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif