Mobile website, using correct css file
The website I am working on needs an other css for mobile devices. How do I do this. I have tried:

    	<link REL="stylesheet" TYPE="text/css" MEDIA="print, handheld" HREF="mobile.css" />
	<link REL="stylesheet" TYPE="text/css" MEDIA="screen" HREF="style.css" />

In my style.css first line is: @media screen{
In my mobile.css first line is: @media print, handheld{

I have tested this on a Samsung Galaxy Nexus (chrome beta and default browser) and a Samsung Galaxy S. Both take the style.css

How to fix this?
Mobile website, using correct css file
===

The website I am working on needs an other css for mobile devices. How do I do this. I have tried:

    	<link REL="stylesheet" TYPE="text/css" MEDIA="print, handheld" HREF="mobile.css" />
	<link REL="stylesheet" TYPE="text/css" MEDIA="screen" HREF="style.css" />

In my style.css first line is: @media screen{
In my mobile.css first line is: @media print, handheld{

I have tested this on a Samsung Galaxy Nexus (chrome beta and default browser) and a Samsung Galaxy S. Both take the style.css

How to fix this?