I just started building a website http://preview.hksenet.hk in HTML5 and CSS.
But, I can’t figure out why there is a big gap right under the header in IE. Can anyone help?

Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
The problem is to do with
#searchmenudiv.You can fix it by:
position:relativeon#pageheader.position:absolute; top:0; right:0on#searchmenudiv.Read more here: http://css-tricks.com/791-absolute-positioning-inside-relative-positioning/
In general, that’s a more robust technique for what you’re trying to do than using
position:relative; top:-116px. For example, if you ever changed the height of the header, you’d have to update your-116pxmagic number. With my suggestion,#searchmenudivwill always be at the top right, no matter what.