I've tested this design in IE6, IE7 (VPC), Firefox 2.0.x, Opera 9.x, and Swift (as I don't have a Mac here; it's the closest resemblance). It seems to look and act almost identical in all browsers, except for an issue I'm having with a specific UL and its LI elements. Rather than use the problematic (in terms of cross-browser compatibility) CSS style of list-style-image, I decided to simply use a background image and give a left padding to the LI items.
Unfortunately, on my test machine, none of the background images show up. On a separate machine, all but the first will show -- until I refresh the page, then they may disappear or will still be missing the very first bullet background image.
Does anyone have any idea on what may be going on here?
The CSS file has not been minimized the the least possible denominators simply because I wasn't entirely sure where the problem may have been coming from...my apologies for that.