Shane,
It looks fine in all of the Mac browsers I've tried it on... IE 5.2.3, Opera 7.5, Firefox, Safari. Are you having problems with PC versions of IE?
I notice from the CSS that you are not specifically using inheritance for your elements. For example, in the right hand column you have used spans to designate the font sizes.
A better way to handle your CSS, if you wish to give different attributes to different elements, is to use their context to apply them.
For example (in truncated form),
#right p
{ font-size: 0.9em;
margin: 0 0 1em 0;
}#right dl
{ margin-top: 1em;
}#right dt
{ font-size: 1.2em;
font-weight: bold;
}#right dd
{ font-size: 0.9em;
margin: 0 0 0 0;
}
(Use the dt for the name, Jonny Totten, and dd for the address details.)Use a span named "qualifications" or something like that for the smaller "CRS" type. (This gives it some semantic meaning.)
One benefit of doing things this way is that you can apply all of your padding and margins to the type and image elements, which avoids some of the nasty IE PC bugs.
http://www.positioniseverything.net/explorer.html
It looks superb. Your navigation, however, dependent as it is on Flash, will not please those concerned with the accessibility of websites. (That said, there seems to be no completely cross-platform/browser way of achieving semantically correct cascading navigation.)
-Hugh Todd
Here is a link to the html page: http://sonze.com/isl/temp/
Here is a link to the css page: http://sonze.com/isl/temp/css/int.css
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
