CMS Made Simple Forums

Not as applicable as such to the cms system, but more of a css question, should there be any gurus of css out there;

I have a site on the cms system and i like how it works, but I have 4 different versions;

PC Mozilla: rollovers on a floated list look grest, the list is positioned properly and all is happy
MAC IE 5.2: with a few tweaks of the *html fix, MAC for IE works perfectly all rollovers in the right place and everything is happy

Now the problems:
MAC Safari: rollovers and the li elements are spaced about 4 pixels too high for some odd reason. I thought Safari was mozilla-based?
PC IE 6: the biggest problem of all, looks like the rollovers disappear altogether behind the next element below, the spacing for the background on the hover class is all wrong.

I have built and rebuilt it 100 times now and I think am too close, and I am hoping someone has an idea at all.

If you are using to accomplish your rollover effects i.e. and have CSS that is link1 a:hover make sure that when you define the "a" variables: active, hover, active:hover, etc. you can specify the positioning again, I have used this in the past to fix conflict between IE, Netscape, and Mozilla.

On the element disapearing behind another element, add a "z-index: 10;" or higher number to the elements CSS definition, this should bring it to the front.

Any questions, please post your code so we can have a look.