@import for mobile devices.

I'm trying out @import for the first time. I have a master stylesheet, with this at the top, to control the width of a navigation depending on how the page is accessed:

@import url(style-small.css) print, handheld;
@import url(mouseovertabs.css) screen;

But my droid seems to be accessing the mouseovertabs.css still, instead of style-small.css.

I want droids and iphones to go to style-small.css, and computer users to go to mouseovertabs.css

update: I also tried linking, to no avail:
<link rel="stylesheet" type="text/css" href="http://www.twigzy.com/main_mobile.css" media="handheld"/>
<link rel="stylesheet" type="text/css" href="http://www.twigzy.com/main.css" media="Screen"/>

Droid still seems to be going to the Screen stylesheet