Помогите построить структуру

Надо сделать структуру для сайта.

Я уже сделал более 3х вариантов, и постоянно какая то хрень получается.

То браузер какой то из - криво отображает, то съезжает всё при разных размерах...

Во общем, мне главное, чтобы "центр" был в начале кода. А блоки слева и срава после него.

<style>

#jon1 { width:100%; float:left; margin-right:-250px; }

#jon2 { margin-right:250px; }

#jon3 { width:100%; float:right; margin-left:-250px; }

#left { background-color: #330066; width: 250px; float: left; }

#right { background-color: #FF00FF; float:right; width:250px;}

#center { background-color: #6666CC; margin-left: 250px; }

</style>



<div id="jon1"><div id="jon2"><div id="jon3">

<div id="center">ОНО</div></div>

<div id="left">ЛЕВО</div></div></div>

<div id="right">ПРАВО</div>

Вот сделал, всё чудесно, но в ИЕ почему то съезжает. А альтернативы в width:100%; нет не какой...

Помогите плиз.