title: HTML | Mobile and CSS media types
body: <p>Below are my stylesheets for my mobile site:</p>
  
  <pre><code>&lt;META name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /&gt;
  &lt;META name="HandheldFriendly" content="true" /&gt;
  &lt;link type="text/css" rel="stylesheet" media="screen and (min-device-width: 481px)" href="css/smartmobile.css" /&gt;
  &lt;link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="css/smartmobile.css" /&gt;
  &lt;link type="text/css" rel="stylesheet" media="handheld" href="css/mobile.css" /&gt;
  </code></pre>
  
  <p>I loaded the page in an iPhone and it looks like it's supposed to. However when I load the page in a Blackberry it doesn't use the "handhled" one but rather tries to use the other stylesheets. Anyone have any thoughts to why this happening?</p>