CSS Hacks and Filters - a full list?

Hi,

Is there any good reference out there that has a list of all the ways to hide CSS from certain browsers and the ways to show CSS only in certain browsers? I know a few of them (conditional statements for IE, the weird ::root thing with Safari, etc.). I just can't find a comprehensive recent list of things like: if you want to hide code from IE, do this; want to show code only to Firefox do this, etc. The last list I found was in a book from 2005, which doesn't include IE 7 or much of anything for Safari.

I understand that CSS hacks and filters are constantly changing and it's hard to find a good updated list, but the logo image on my website is off by one pixel on Safari browsers and Opera browsers, and is actually perfect on everything else. I'm hoping there's some workaround that's easier than redesigning my layout. Thanks!

-Andrew G

maybe just post the problem first ... I have never used hacks anywhere and all my sites work in all browsers so far ...

If you don't care about CSS validation you can use this line to only display in IE; it's good if you've got quite a few tables and need to tweak them 1 or 2 pixels for IE only.
There's other uses as well, such as aligning block elements, etc.




Your css selector. padding-bottom, height, etc.


Your if statement. If I have to use something this is what I use, as the clients browser will always be larger than 1 pixel.


Your value. In this case, width: 10px;


The ending. Tells the browser to apply it via CSS.