help with IE6 alignment

[hulkkk]

Here is the thing.. i got this code that works just fine at any browser except IE < 6.

Look to the Issue's Image (better than explaining):
<snip>

The code (for the page in the screenshot)

<div id="container">
 <div id="main">
 <!-- INCLUDE CONTENT -->
 <div id="content">
 <div id="midnewsb">
 <div id="midwrap">
 <div id="midtitle">
 <img src="bar_news.jpg" border="0" /> <b>NOVIDADES</b>
  <div id="midnews">
  <div id="textwrap">
  <p><font color="#333333">dd/mm/aa - Novidade 1</font><br />
  - Novidade 1 novidade 1 novidade novidade 1 novidade novidade 1 novidade novidade 1 novidade novidade 1 novidade novidade 1 novidade novidade 1 novidade novidade 1 novidade novidade 1 novidade novidade</p><br />
  <p><font color="#333333">dd/mm/aa - Novidade 1</font><br />
- Novidade 1 novidade 1 novidade novidade 1 novidade novidade 1 novidade novidade 1 novidade novidade 1 novidade novidade 1 novidade novidade 1 novidade novidade 1 novidade novidade 1 novidade novidade</p><br />
  </div>
  <div id="midb"></div>
  </div> 
  </div>
  <br />
 </div> 
 <div id="midb"></div>
 </div>
 <!-- FIM Conteudo Novidades -->
 </div>
 <div id="block"><br /></div>
 <!-- FIM INCLUDE CONTENT -->
 </div>
</div>

And the CSS:

#container {
position:relative;
top:30px;
width:704px;
height:auto;
min-height:800px;
margin:auto;
margin:0 auto;
text-align:center;
}
#main {
width:704px;
height:100%;
margin:auto;
background-image:url(bg_mainb.jpg);
text-align:left;
}
#block {
margin:auto;
height:30px;
}
#content {
position:relative;
left:-3px;
top:20px;
width:496px;
height:auto;
min-height:450px;
margin:0px;
display: inline-block;
}
#midb {
background-image:url(bg_midb.jpg);
width:100%;
height:18px;
position:absolute;
bottom:0px;
}
#midwrap {
margin:6px;
}
#midtitle {
position:relative;
margin-top:2px;
width:496px;
color:#3E6F88;
}
#midnews {
position:relative;
margin-top:2px;
top:1px;
width:482px;
height:auto;
min-height:100px;
display: inline-block;
background-image:url(bg_mid.jpg);
background-repeat:no-repeat;
border:solid 1px #C9DEEC;
}
#midnewsb {
position:relative;
margin-top:0px;
width:496px;
height:auto;
display: inline-block;
background-image:url(bg_mid.jpg);
background-repeat:no-repeat;
border:solid 1px #C9DEEC;
}
#textwrap {
margin:6px;
width:476px;
height:auto;
}

Can anyone help me, please? Thanks :)

[edited by: swa66 at 2:53 pm (utc) on April 8, 2009]
[edit reason] No personal URLs please see TOS and forum charter [/edit]

[quartzy]

Add up the widths on your div, do they fit the content?