Help me please, Why DIV position goes wrong in Opera but fine in FF and IE

Hi, everyone
I'm very new with CSS trying to create a web page that its layout should look like this:


I've done XHTML and CSS coding and tested on FireFox and IE6, it looks OK.
But when i tried on Opera 9, the position of the a box -as pictures below-
is not what it should be.

I don't know what i did wrong. Please help me checking what wrongs with the layout and how to fix it.
this is URL of this page: http://thailand.siamfreestyle.com/test_layout3.php

================================================

Firefox and IE6: This is what I want it to be.

================================================


Opera 9: Please look at the gray box, its position goes wrong
​

I've tried to find what wrong for days but i still can't fix it.
Please Help Me. Thanks so much for all replies.

 

Are you floating the gray box (supposing it is a DIV) right?
{float: right;}

 

P.S. What a great looking site!

 

Hi. Thanks for comments.

I tried {float: right;} but nothing changing, opera still put the gray box in the wrong position.

Thanks a lot.

 

Who have any idea what happen with positioning DIV in opera as I've found. Please help me.

Thanks in advance.

 

eadkung, are all the orange boxes in a div of their own? If they are that's good, if they are not I would suggest putting them in an overarching div to put all the 3 boxes in.

If they are and it is still not working...maybe ensure that there is no padding, no margin (margin: 0; padding: 0 and then check the sizing to make sure it is a perfect fit,

tell me how you go

FabZ
Small Fish Big Money Dot Com

 

Now I can fix the problem.
I just removed {padding-left:10px;} and then it works.

Thanks a lot for suggestions.

 

Hope the site does well!

FabZ