To validate, or not to validate...

So, I can choose one of the following options, post your opinion on which one I should take:

Use fully validated CSS with a PNG with alpha opacity, that looks like crap in IE.

Use invalid CSS by tossing out the PNG's, and using

filter:alpha(opacity=70
opacity:0.7;

which works perfectly in both IE and FF, but doesn't validate.


I'm all for having fully valid code, but I'd like the page to look good in both IE and FF, and haven't had much luck with the PNG hacks so far. :/

Which one should I use? :)

Stick the styles for IE in an a stylesheet of their own and put this in between your head tags
<!--[if lte IE 6]>
<link rel="stylesheet" href="iestyle.css" type="text/css">
<![endif]-->

Opacity is valid in CSS 3 so when you validate you should validate with the CSS 3 profile.

lol... Apperently, the
filter:alpha(opacity=70);

part is unnecessary... o.0

It validates now (using CSS 3.0). Thanks. :)

IE6 doesn't support the opacity property so it is still necessary for IE6.