Thomas Legg's Geek Blog

So I've been playing around with CSS3 media queries to target css stylesheets to particular browsers based on the min-width and max-width selectors. Basically if you've got a tiny viewing screen, like on a mobile phone, you should get one stylesheet and if you've got a bigger browsing screen, you get the main stylesheet. Works wonderfully on all the last generation browsers, like Opera 10 and Firefox 3. But... unfortunately during some testing for a new client site under development, I discovered that IE croaks on it. Just completely barfs and fails to render any of the css that can be seen with the IE developer tools.

So I threw in one of those lovely "if IE" css hacks to load the main stylesheet without using the media query and everything is back to normal. *bangs my head against the table*