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?
Web BrowsersCSSAdobe Dreamweaver

Avatar of undefined
Last Comment
digitalPencil

8/22/2022 - Mon
Karai_17

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.
digitalPencil

ASKER
Thanks, just went over it with html validator and have omitted the missing  still twice the height in IE though.. any ideas?
digitalPencil

ASKER
sorry EE hates tags
* omitted the missing "< p >"
Experts Exchange is like having an extremely knowledgeable team sitting and waiting for your call. Couldn't do my job half as well as I do without it!
James Murphy
Karai_17

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
VirusMinus

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
digitalPencil

ASKER
Thanks! Works perfect.