float Left Problem

[snuf]

Hallo, ich habe folgendes Problem

test » Weblog

ich habe mir einen Header gebaut der aus 4 verschiedenen Elementen Besteht.
Leider weiss ich nicht wieso das Top2 so weit runterrutscht. Ich habe schon nachgeschaut ob ein margin colapsing besteht aber habe keinen Fehler gefunden. Vll weiss einer von euch woran es liegen kann. Danke

#wrapper {

	width: 1007px;

	background-color: #fff;

	margin: 20px auto 30px;

	}


#container {

	width:1007px;
	margin: 0 0 0 0;
	   }

#top {
	height: 271px;
	width: 1007px;
	background-color: #000000;
        margin-bottom: 1px;
        boarder: 0px;
     }	

#top1 {
        float: left;
        width: 643px; 
        height: 271px; 
        padding-right: 1px;
        background-color: #233454;

      }

#top2 { 

        float: left;
        width:363px;
        height: 271px;
        padding-left: 1px;
        margin-top: -20px;
        background-color: #FFFFFF;
        
       
      }  
#menue {
        float: left;
	width: 643px;
	height: 33px;
	background-color:#546367;
	padding: 0px;
        margin: 0px;
       }
#header {
	background-image:url(images/header.png);
	background-repeat:no-repeat;
	width:643px;
	height:238px;
	margin:0;
	padding:0px 0 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#006699;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0px;
	float: left;
	}
#suchekasten {
        float: left;
	background-image:url(images/search.png);
	background-repeat:repeat-x;
	width:363px;
	height:81px;
        padding-left: 1px;
        margin-bottom: 1px;
	text-align:center;
	/* Iexplorer */
	*width:360px;

}

#bilder {
        float:left;
        padding-left: 1px;
	/*background-color: #1C4460;*/
	background-image: url(images/test.png);
	width:363px;
	text-align:center;
	height:177px;
	border-bottom:12px solid #D4D8D9;
	/* Iexplorer */
	*width:360px;
	}

LG Hans

 

[Frank]

top2 ist einfach nur nen px zu breit ^^ mach den ma kleiner, dann müssts passen

 

[snuf]

hey habs geändert :)

width:360px;


sogar in allen Elementen von #TOP2 doch leider bekamm ich keine veränderung daraus..

müsste auch nicht eigentlich in dem 1 px abstand zwischen den beiden elementen auch die hintergrund Farbe rot erscheinen, dass iretiert mich schon die ganze zeit.

danke