CSS and Two Image Rollover Effects

[wasabisam]

Here's my dilemma:

I created my website and it looks perfect in IE, but not Netscape. My menu consists of four image rollovers aligned like a box, two buttons on top of the other:

BUTTONBUTTON
BUTTONBUTTON

While it appeared the way I wanted it to in IE, Netscape made the alignment as a vertical line of buttons:

BUTTON
BUTTON
BUTTON
BUTTON

So I decided to fix the alignment with CSS. But now I have lost my rollover effects (which I created in DMX with their easy javascript code)! I am a beginner at CSS (just finished an online class, and have a handy beginner's book nearby), but this seems to be more advanced than what I have learned thus far.

Can I combine have a two image rollover effect and the positioning into one style? And does anyone have any suggestion on how I would go about doing that? Or does someone have a better suggestion?

 

[Anthony]

This reference might help:
http://www.webreference.com/new/rollovers/

 

[wasabisam]

Thanks Anthony. I appreciate it!