Hey,
First off, both HTML and CSS IS VALID!
I seem to think i am pretty good at cross browser compatibilty but theres something baffling my mind right now.
I have designed and developed a site that can be seen at: http://www.ellenyack.com
it looks great in FF, IE8, Safari, Chrome and for the most part it looks fine in IE7 except 2 things…
They both have to do with bottom-margins…. i will attach 2 screenshots from IE7 to show you where the errors are.
1) http://www.exsite.ca/dev/header.png Underneath the page heading, theres should be a margin under the waterstroke but there is not.
2) http://www.exsite.ca/dev/content.png Margin underneath the content, also not present in IE7.
See site in any other browser to see what it is supposed to look like in those 2 areas.
Please Help!