Is there a way to include css for specific browsers like Chrome and Safari?

I have a couple pages on a site I am working on and in Chrome and Safari there are subtle display issues.

For example on this page in Chrome - hunt.bwpcommunications.com/portfolio/commercial

The top row of category thumbs are too high, and sitting below my intro text area. IN FF and IE they look fine.

If you hover over the first row, you can see the red border on top of the thumbs. But if you hover over the thumbs in row 2 and 3, you can see the while image and the hover style.

So I need to figure out how to add specific css to the file to correct this, just need to mover the whole body section down a few pixels.

Thanks for any advice!

Bill

Hello Bill,

This should be your last option (browser hacks) but here is a very useful resource browserhacks.com/

I think in your case a clearing <div> element might help you.