IE side by side div float
I think this is a typical scenario and a well know issue with IE, so I'm hoping someone has a solution. I have layout that is essentially a fluid 3-column, with the left and right columns being static, making up a "frame" around a fluid center. The problem is that my content keeps getting pushed to a new line. I found a fix in ie by using display:inline;, however this breaks in Firefox. I realize the problem is that my content is set to 100% width, and this eclipses the total width of the container. However, I need the content to fill the avialable space on the screen and I'm not sure what alterations I need to make to keep the 100% width and prevent it from displaying on a new line.
Any help would be greatly appreciated.
Here is my markup:
<div style="height: 600px; width: 100%;">
<div class="ModuleBody>The content</div>
My classes are as follows:
margin: 0px 6px 0px 4px;