06-25-2010, 04:14 PM
the html/css works fine with firefox, IE8, safari, chrome BUT IE7 throws the top menu system and header "off the page"
and i'm out of my league here, as i'm far more designer than programmer.
06-25-2010, 04:46 PM
Fix the errors in your markup first, see http://validator.w3.org/check?uri=http://www.mazecordblood.com/dev240610/
Can't immediately see what's causing this in IE7. The validator (http://validator.w3.org/check?uri=http://www.mazecordblood.com/dev240610/) is throwing a number of errors.
I'd start by removing the <span class="header"> entirely - it doesn't appear to be doing anything. Give that a try and see what it looks like.
There is no reason to use position:absolute for your elements, except for certain scopes. It is not your case.
SPAN and DIV are different elements and they should be used exactly for what they were created. SPAN is an native inline element, while DIV is a native block element.
More about inline and block level elements:
Another advice: give your elements, whenever you can, a precise size - CSS width and height.
also take out the div's and img's from the H1 element that's what causing the problem. don't forget to remove absolute.
also, use this try to resolve your problem: