div inside a container moves under other div within same container in ie6

[pelaej]

The css layout for this site: www.hoosickstreetbeverage.com (http://www.hoosickstreetbeverage.com) looks fine in FF, Safari, Opera, and ie 7 & 8 but not ie 6. What happens is the "#sidebar" div moves down underneath the "#text" div rather than staying to the left of it like it should. I am beside myself in how to correct this.

The "#sidebar" and "#text" divs are wrapped within a "#content" div.

Here's the code for each div:


#content{
width: 800px;
background-color: #F2F5CF;
}
#sidebar{
width: 250px;
text-align: center;
margin-left: 40px;
margin-bottom: 40px;
padding-top: 200px;
}
#text {
float: right;
width: 400px;
text-align: justify;
margin-right: 60px;
margin-top: 20px;
}


Hope this is enough info. I appreciate any help!

[bluewalrus]

whats the html is the #text above #sidebar?

[pelaej]

<div id="content">

<div id="text">
<h1>Welcome!</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dolor odio, lobortis vel rhoncus quis, tempus ut odio. Nunc lacinia sagittis consequat. Maecenas diam turpis, ultricies eget ultricies ut, gravida ullamcorper justo. Proin vel dolor condimentum dolor adipiscing euismod vitae vel tellus. Praesent sagittis metus eu diam convallis condimentum. Maecenas laoreet eros quis ante varius luctus. Proin eget purus at nisl aliquet dignissim. Nullam metus mauris, adipiscing a dapibus at, blandit vel nisi. Vivamus consectetur, enim non rutrum elementum, dui tortor egestas felis, a imperdiet ligula ante ac lectus. Aenean dictum, quam vehicula ornare gravida, tortor tortor lobortis felis, eget vulputate ante arcu quis magna. In ultrices vulputate tellus, tempus fringilla ante condimentum vel. Integer fermentum fermentum consequat.</p>
</div><!-- end text -->

<div id="sidebar">

<div id="newsletter">
<h3>Sign-Up for Our Newsletter</h3>
<form name="form1" action="mailto:mail@yahoo.com"
enctype="text/plain" method="POST">
Email Address:<input type="text" size="20" name="yourEmail">
<p><input type="submit" value="Submit"></p>
</form>
</div><!-- end newsletter div -->

<div id="image">
<img src="images/beerGlass_1.jpg" alt="Beer" />
</div><!-- end image -->

</div><!-- end sidebar div-->

<div class="clearfloat" /><!-- clearfloat for CONTENT div -->
</div><!-- end content -->