[TYPO3] css question

[Bas van der Togt]

Hello list,

This is an off topic question about CSS. Sorry.
Hopefully somebody can help me with the following question.

I built a div with two divs (columns) inside.
In IE everything is working right.
But in FF and Safari the right column is moving downwards the left 
column sometimes. Does anybody know a solution for this?

Your help would be great!
cheers,
Bas

Example: http://87.249.105.43/~sust01/index.php?id=11

HTML:
<div id="content">
   <div class="left">###CONTENT###</div>
   <div class="right">###CONTENT_RIGHT###</div>
</div>

CSS:
#content {
   width: 760px;
   display: table;
   padding: 0px 20px 10px 20px;
   margin-top: -40px;
   clear: both;
}
#content .left {
   float: left;
   width: 350px;
   * width: 360px; /* IE only */
   padding-right: 10px;
   text-align: left;
   border-right: 1px dotted #CCCCCC;
}
#content .right {
   float: left;
   width: 350px;
   * width: 360px; /* IE only */
   padding-left: 10px;
   text-align: left;
}