Link to home
Start Free TrialLog in
Avatar of digitalPencil
digitalPencil

asked on

Div twice as high in IE6/7

My index page's lower div displays twice as high in IE6/7 then other browsers.
http://www.davegrant.info/index.html

I tested my CSS and it came up with no errors..
http://jigsaw.w3.org/css-validator/validator?uri=davegrant.info%2Fstyle.css&profile=css21&usermedium=all&warning=1&lang=en
i've also had a look through IE8 beta and curiously it displays at the correct height although the top margin is now twice as high?!?

How can i go about fixing this?
Avatar of Karai_17
Karai_17
Flag of Canada image

My first recommendation would be fix a couple of the html errors you have, such a s the omitted
. Sometimes things like that can cause weird glitches to occur. If that doesn't help, I'll look further.
Avatar of digitalPencil
digitalPencil

ASKER

Thanks, just went over it with html validator and have omitted the missing  still twice the height in IE though.. any ideas?
sorry EE hates tags
* omitted the missing "< p >"
I'm not really sure. After digging into your css and html a bit more, my only suggestion would be play with your positioning a bit, perhaps add position:relative; to your footer?

Sorry I can't be of much help :(
ASKER CERTIFIED SOLUTION
Avatar of VirusMinus
VirusMinus
Flag of Australia image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Thanks! Works perfect.