Height no IE

[Lex_Luthor 0]

Olá pessoal... estou com oseguinte problema...

 

Tenho um arquivo CSS externo onde está toda a codificação de estrutura visual da página.

Em um dos DIVs o conteudo sera somente uma imagem. Assim ajustei no css para que esse DIV tenha as mesmas dimensões da imagem:

#splash {
 width: 922px;
 color: #333;
 padding: 0px 0px 0px 0px;
 border: 0px solid #ccc;
 height: 150px;
 margin: 0px 0px 0px 0px;
 background: #BDDD8C;
 }

E no div inseri a imagem:

<div id="splash">
		 
   <img src=imagens/splash_topo.jpg width="922px" height="150px" border="0">
			   
 </div>

O que acontece é que no navegador Google Chrome ou no Firefox, funciona normal exatamente como eu quero e no internet explorer funciona mas ele criar uma pequena área de aproximadamente 2px abaixo da imagem onde fica aparecendo a cor do background do div...

 

O fato de aparecer a cor do background naum é o problema e sim esses 2px que ele tá criando... Pois o restante do layout depende de algumas medidas e está ficando desencaixado tudo dai pra baixo...Tentei reduzir so o tamanho da div pra ver o que acontecia e ficou do mesmo jeito.

 

Além de tentar destruir o I.E. em todos os computadores, eu ja naum sei o que fazer para resolver isso...

 

Desde ja agradeço a atenção de todos

 

Abraços

Lex

[Thiago Retondar 18]

Primeiro coloque um CSS Reset, pode ser simples:

 

* {
margin: 0;
padding: 0;
text-decoration: none;
}

Depois tente assim:

 

#splash {
width: 922px;
color: #333;
padding: 0;
border: none;
height: 150px;
margin: 0;
background: url(imagens/splash_topo.jpg) #BDDD8C;
}

Po que eu coloquei a imagem como background? Pois você colocou um color: #333, que indica que haverá um texto. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Abraços.