Hello folks, this is my first post - nice board! 
Iāve got a problem that is really doing my head in. My web site - which you can see on my testing server here: http://shaftesbury.myftp.org/ywd/ - has a niggling problem with the main content.
You probably wonāt notice it, so I shall explain. Where it says āWelcomeā followed by a little house icon, if you look closely (in FF or Opera) you will see there is a rather large (about 40 to 50px iād say) gap from the top of the text to the top of the grey container. This should not be there. If you look using IE - the gap is only 20px, which is correct.
You can see where it should be in FF & Opera by looking at the top of the right-hand graphic that reads āprofessional web sites from just Ā£400ā. The top of this graphic is lined up correctly (20px gap at the top).
Now, the outer container (<div id=āmain_containerā>) has position:relative. The container with the problem (<div id=āmain_textā>) is nested inside, and has position:absolute. Can ANYONE figure out why FF & Opera display the gap whereas IE displays it correctly? Itās doing my head in!
A quick fix would be to put main_text as position:relative or just have no position tag at all. However, this royally f**ks it up in Opera for some unknown reason.
Can anyone help me please? Thanks in advance!
YetiMan
