Link to home
Create AccountLog in
Avatar of David Pickart
David PickartFlag for United States of America

asked on

How to remove extra space in IE8

There is extra space above the Areas of Practice link. You can see the site at the link below:

http://domgarofalo.com/menu

It looks fine in ff, chrome, and safari. I have tried negative padding and margin to no avail.
Avatar of LZ1
LZ1
Flag of United States of America image

Try starting with a CSS reset.
http://meyerweb.com/eric/tools/css/reset/
ASKER CERTIFIED SOLUTION
Avatar of LZ1
LZ1
Flag of United States of America image

Link to home
membership
Create an account to see this answer
Signing up is free. No credit card required.
Create Account
The doc type is perfectly fine the way it is, it's called a historical doc type.

http://www.w3.org/QA/2002/04/valid-dtd-list.html

Back to the original question, you should always reset your CSS with:

* { margin: 0px; padding: 0px; }

Then code for FireFox (it has no easy hacks), add any necessary Safari hacks (shouldn't need any), then create conditional stylesheets for IE 6, 7, 8, 9, and 10.  That will allow you to fix minor issues in the IEs that may be different in each IE and it won't affect your other browsers.
Avatar of David Pickart

ASKER

That did it. Thank you!