I have three style sheets, one for big browsers that aren’t IE, one for IE and one that’s supoosed to work if the max-width is 480. I’ve tried combining the two not IE statements, I’ve tried putting the css for the max width only devices into the style sheet for the Not IE browsers. So far, the only time the mobile style sheet is even called is if I take out the other <![if !IE]> statement completely (and don’t combine it either). Can anyone help me with this? I’m testing it on the Safari user agent setting and also on my Android.
[code]<!–[if IE]>
<style>
@import url(‘innovative.css’);
</style>
<![endif]–>
<!–[if !IE]>–>
<link media=”only screen and (max-width: 480px)”
rel=”stylesheet” type=”text/css” href=”mobile.css”/>
<!–<![endif]–>
<![if !IE]>
<style type=”text/css”>
/*<![CDATA[*/
@import url(‘FF_innovative.css’);
/*]]>*/
</style>
<![endif]>