Weblabor

Szervusztok!!

Következő lenne a problémám, IE6 alatt a #maincontent rész valami módon mindig elcsúszik, egész pontosan, lekerül az alá a rész alá ahová eredetileg szánva van.
Firefox alatt tökéletesen megy...viszont IE6 alatt olyan mintha, oldalirányba megnyúlna és ezért nem férne be az adott divbe.

Szemléltetés képpen itt megtekinthetitek mi a probléma:

http://www.teszterportal.extra.hu

A html kód:

<div id="container">

<div id="header">
</div>


<div id="menucontent">
<div id="menu">
</div>

<div id="maincontent">
<div id="maincontent_felso">
<div id="maincontent_also">
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
hsjahjshajshajhsajhsjahjsahsjahjsahsjasa<br />
</div>
</div>
</div>
<br class="clear" />
</div>

<div id="footer">
</div>

</div>

</div>


És hozzá a CSS:

@charset "utf-8";
/* CSS Document */

body{ background-color:#000000;
text-align:left;
margin:0;
padding:0;}

#container{ width:1004px;
top:0;
left:0;
padding:0;}


#header{ width:1004px;
height:220px;
padding:0;
margin:0;
background-image:url(pictures/header/header.jpg);}



#menu{ width:293px;
float:left;
padding:0;
margin:0;
height:600px;
background-image:url(pictures/menu/menu.jpg);}


#maincontent{ width:711px;
height:600px;
margin:0 0 0 293px;
padding:0;}

#maincontent_felso{ width:711px;
margin:0;
padding:30px 0 0 0;
background-image:url(pictures/content/felso/contentfelso.jpg);
background-position:top;}

#maincontent_also{ width:661px;
margin:0;
padding:0 30px 30px 20px;
background-image:url(pictures/content/also/contentalso.jpg);
background-position:bottom;}



#menucontent{ width:1004px;
margin:0;
padding:0;}


#footer{ width:1004px;
clear:both;}


.clear{ clear:both;
line-height:0px;}



Segítségeteket előre is köszönöm!!