[CSS] 3 columns in list

[Verwijderd]

Ik probeer in een lijst te maken met in ieder listitem drie columns:

[url=http:///www.apzolut.com/images/tweakers/3column.gif] [img=200]http:///www.apzolut.com/images/tweakers/3column.gif[/img] [/url]
De html en css hieronder doet niet wat ik wil namelijk:
[img]http:///www.apzolut.com/images/tweakers/result.gif[/img]

En dit wil ik dus:

[img]http:///www.apzolut.com/images/tweakers/gewenst.gif[/img]

Het enig wat wel resultaat had was dit
maar dat was weer een Firefox only:http://www.456bereastreet...al_height_boxes_with_css/

Heeft hier iemand een beter idee?

Cascading Stylesheet:

#list 
{
margin:20px;
margin-top:10px;
padding:0;
list-style-type: none;
width:400px;
}

.listitem {
margin:0;
margin-bottom:4px;
padding:5px;
border:1px solid #888;
background-color: #D4E753;
color: #000;
}

HTML:

<ul id="list">  
    <li class="listitem" id="li_139">
    <div style="width:100%;background-color:#FFF;">
        <img src="/img/117321789959_s.jpg" height="45" width="45"/>
        <span>Hallo ik ben de tekst</span>
        <img src="/img/117321789959_s.jpg" height="45" width="45"/>
    </div>
    </li>
    <li class="listitem" id="li_139">
    <div style="width:100%;background-color:#FFF;">
        <img src="/img/117321789959_s.jpg" height="45" width="45"/>
        <span>Hallo ik ben de tekst</span>
        <img src="/img/117321789959_s.jpg" height="45" width="45"/>
    </div>
    </li>
    <li class="listitem" id="li_139">
    <div style="width:100%;background-color:#FFF;">
        <img src="/img/117321789959_s.jpg" height="45" width="45"/>
        <span>Hallo ik ben de tekst</span>
        <img src="/img/117321789959_s.jpg" height="45" width="45"/>
    </div>
    </li>
</ul>

[Verwijderd]

De eerste afbeelding links en de tweede rechts floaten (en die overbodige div's weghalen)?

[moozzuzz]

HTML:

<ul>
   <li><ul>
      <li></li>
      <li></li>
      <li></li>
   </ul></li>
   <li><ul>
      <li></li>
      <li></li>
      <li></li>
   </ul></li>
</ul>

Ik zou volgende structuur voorstellen. De <UL>'s in de eerste <UL> kan je dmv CSS horizontaal positioneren (zoek es op menu list horizontal oid).