Slight trouble converting tables to div's/CSS -

i'm in process of taking out tables entire site, , switching them css div's.

here's link of first 1 i'm trying: http://www.torelloengineers.com/legal_investigations.html

the problem content right being put below picture left, rather being right next it.

i created in css file: container, row, , left, right, , middle table cells. couldn't paste here because text box wasn't allowing formatted code.

<div id="row">     <div id="left">         <h4><img src="picts/torello-safety-design.jpg" width="400" height="301"></h4>     </div>     <div id="right">         <h4>lacking safety design - missing guardrail.  plainville, ct</h4>         <p>while returning parked vehicle after using atm.... </p>     </div> </div> 

i "dived" content wanted left , right on main page wanted it, right content won't line left.

i didn't see css file had ids #left , #right in it. ids #left , #right floated left and/or right?

#left {     float: left; } #right {     float: right; } 

you might want change classes too, make easier reuse them. :)