Replacing Javascript buttons imbedded in tables with CSS

Javascript, rollover, buttons, CSS, external file

[TheBrownRecluse]

For some reason, this previous post concerning this was removed, so I'm going to try again.

I have a website called <snip>. I'm trying to replace the javscript buttons in the top table with comparable CSS so I can move all of that to an External CSS file, and therefore, move the content up further for the SEs.

The code that I'm sure runs the rollover functions is <snip>. But because of the tables, I don't think I can move the rest of trhe code externally. I guess if I change this to CSS, there won't be any need for javascript at all.

My question is: Rather than make a one size fits all external CSS file for all browsers, how can I make multiple CSS files/ids/classes geared toward specific browsers? Or should I make a multipe CSS functions on an external file, and then make a php file that will route it to the correct CSS code. I know that browsers interpret the position of div tags and layers very differently, so I want it to look exact on each browser, and older versions of IE (at least back to v 5.)

Can anyone help me with this?

[edited by: Robin_reala at 9:22 pm (utc) on May 2, 2007]
[edit reason] Removed URLs as per TOS #13 [webmasterworld.com] [/edit]

[Fotiman]

Personal URLs are not permitted. See the Terms of Service [webmasterworld.com].

Instead, please post your code examples.

[edited by: SuzyUK at 8:56 am (utc) on May 3, 2007]
[edit reason] .. tidying my own mistake ;) [/edit]