errori linee bianche con internet explorer

[produ]

ciao ragazzi..
scrivendo questo codice

<style type="text/css">
#container{
	height:100%;
	width: 760px;
   margin: 0 auto;
   text-align: center;
   padding: 0;
}
#logo1{
float:left;
top:0;
left:0;
width: 301px;
height: 83px;}
#header2{
float:left;
top:0;
left:301;
width: 458px;
height: 83px;}
#header3{
float:left;
top:83px;
left:0px;
width: 301px;
height: 39px;}
#header4{
float:left;
top:83px;
left:301px;
width: 458px;
height: 39px;}
</style>

con firefox nessun problema,mentre con internet explorer mi vengono visualizzate delle bande bianche orizzontali di qlke px di altezza.
questo codice css pone 4immagini affiancate a 2 a 2 ovvero:
LOGO - HEADER2
HEADER3 - HEADER4 (con firefox si vede proprio così)

la banda bianca vien fuori tra le due coppie cioè:
LOGO - HEADER2
[banda bianca orizzontale per tutto lo schermo]
HEADER3 - HEADER4 (cosi si vede con IE,la mia versione è la 6)

Grazie mille!

[fcaldera]

devi postare anche il codice (x)html che usi, oppure un link alla pagina

[produ]

carmelaeluigisposi.com visualizzato con IE

[fcaldera]

Una prima cosa che si può correggere è la dimensione di alcuni blocchi: il contenitore è largo 800px ma all'interno alcune immagini superano questa dimensione in larghezza

Inoltre le varie proprietà top e left che hai usato sono del tutto ininfluenti poichè i blocchi non sono posizionati

non usare l'attributo presentazionale 'width', piuttosto spostalo nel css

[produ]

ho tolto width da html e lho lasciato nei css ed in piu ho tolto top e left da css..
ma l'errore persiste ancora per internet explorer..
il sito è questo:
http://habbiu.altervista.org/risult.html

[produ]

uan curiosità ma togliendo top e left, non dando quindi alcun posizionamento..se volessi inserire un qualunque elemento, un immagine, un campo testo..al disopra dell'immagine che c'è gia..come farei??
ovviamente l'immagine che vado a sovrapporre a seconda della risoluzione video di ognuno dovrebbe "spostarsi" assieme all'immagine di sotto..ovvero non cambiare posizione rispetto all'immagine di sotto..

come si fa?

[fcaldera]

Originariamente inviato da produ
ho tolto width da html e lho lasciato nei css ed in piu ho tolto top e left da css..
ma l'errore persiste ancora per internet explorer..
il sito è questo:
http://habbiu.altervista.org/risult.html

togli il float da header1 e header2

edit: a header2 definisci height: auto; e overflow: hidden;

[produ]

lho aggiornato come mi hai detto..ma ora le immagini sono anke disallineate..oltre a presentare sempre la bandina bianca al centro..

[fcaldera]

<div id="container">
  
  <div class="wrap">
     <div id="logo1">
	[img]immagini/result_01.jpg[/img]
     </div>
     <div id="header2">
	[img]immagini/result_02.jpg[/img]
     </div>
  </div>

  
  <div class="wrap">
     <div id="header3">
	[img]immagini/result_03.jpg[/img]
     </div>
     <div id="header4">
	[img]immagini/result_04.jpg[/img]
      </div>
   </div>
</div>

Css

#container{
   height:100%;
   width: 760px;
   margin: 0 auto;
   text-align: center;
   padding: 0;
}

div.wrap { height: auto; overflow: hidden; }
div.wrap div { float: left; display: inline; }
#logo1, #header3 { width: 301px;}
#header2, #header4 { width: 458px;}

width e height dalle immagini vanno spostate nel css

[produ]

aggiornato!
rimane comunque la linea in mezzo..