Good morning
everyone. I've been working on a redesign of my personal site for a few weeks
now and I'm almost at a finalized point in the layout, however I'm running into
a few issues, most of which are on Mac browsers. The pages are both XHTML 1.0
Transitional and CSS valid, though I haven't checked 508 and WAI compliancy
yet.
I see no issues with
the following Windows browsers:
Firefox
1.0
IE 6
SP2
Opera
7.54
Netscape
7.2
On the Mac side,
however, the following browsers seem to have an issue with cutting off the icon
associated with my inline <ul> navigation and similar <span>
items:
Mozilla
1.7.5
Netscape
7.2
Safari
1.2
Firefox
1.0
I assume it has
something to do with the line-height property or the size of the box that
contains these items (check the light bulb icon with text at the top and the
inline navigation <ul>). Otherwise these browsers display just as
intended.
Not as nice are the
other browsers, which seem to have a major problem with
floats.
Netscape 6
Mac/Win
IE 5.2
Mac
Without really
delving into the code, does anyone have ideas as to what the icon cutoff issue
and the major float problems are and how I go about tracking down a
fix?
Thanks,
Patrick