I have this problem recurring constantly

this is my site

http://alternativnakomplementarnamedicina.com/ and the right part jumps in IE below the left part, even though there is enough space on the right past, it still jumps below left one

Can somebody explain why is this happening, cant you force it somehow to stay in position

left and right parts float to the left

thanks

here are some more details

here is how it looks the basic html of my site
<div id="wrapper">
<div id="inner">
<div id="main">
<div id="left">

</div>
<div id="right">

</div>


</div>
</div>
</div>
and main left and right have float left

#wrapper { width:100%; }
#inner { position:relative; width:1080px; }
#main { float:left; width:1080px;}
#left { float:left; width:363px; height:557px;}
#right { float:left; width:677px;}
1080 - 363 = 717 px and the right is even less like 677px so it should not jump to the left blow the left part

Validate your code. You cannot have <divs> inside of <ul>s - it's improper coding.

I'm not seeing the problem in IE6 - what version are you seeing it in ?