IE 7 по левому центру по правому краю без таблиц

Question

У меня есть 3 деления

<div id="container">
    <div id="left">left</div>
    <div id="center">center</div>
    <div id="right">right</div>    
</div>

и мне нужно выровнять их по горизонтали в IE7 правый переходит на следующую строку. Я использую левый и правый поплавки (центр установлен для отображения: inline; clear: none;) Я также держусь подальше от абсолютного позиционирования (но, возможно, это единственный способ сделать это) какие-нибудь предложения по умному способу достигнуть этого без использования таблиц? спасибо

Answer 1

Я написал небольшой пример: http://jsfiddle.net/K7G3C/

Answer 2

используйте float: left; во всех div в css. нет необходимости display:inline;.

HTML:

<div id="container">
    <div id="left">left</div>
    <div id="center">center</div>
    <div id="right">right</div>    
</div>

CSS:

#container div{
   float: left;
   width: 30%;
}