[CSS, XHTML] trzy divy obok siebie Opcje

[jaczula]

Witam,
mam problem, chciałbym zrobić układ lewa-środek-prawa w divach, tak, by były obok siebie.

U mnie wygląda to mniej więcej tak:

[HTML] pobierz, plaintext 
<div id="main">
Tu coś
<div id="mini-main">
<div id="left"><br /><br /></div>
  <div id="center"><br /><br /></div>
<div id="right"><br /><br /></div>
</div>
Tu coś
</div>
[HTML] pobierz, plaintext 

Kod

# main {
     margin-left: 10%;
     margin-right: 10%;
}
#mini-main {
     float: left;
}
#left {
     width: 20%;
   }
#center {
       width: 40%;
     }
#right {
       width: 20%;
     }

I zamiast wyświetlać się obok siebie wyświetlają się w słupku.