div problem

<table height="500px"  width="100%" bgcolor="000000">
    <td>aa</td>
    <td width="300px">bb</td>
    <td>cc</td>
</table>

------------------------------------------------
<div id="content">
        <div class="left">aa</div>
        <div class="center">bb</div>
        <div class="right">cc</div>
</div>

I det øverste eksempel er "aa" og "cc" ligeglade med hvad størrelse bb er da de automatisk indstiller sig efter hvor mange px table er og deler resten imellem dem.

Men hvordan får jeg det nederste eksempel til at opfører sig på samme måde da div skal være vandrette.