CSS issue when using JQuery Mobile + Backbone.js

CSS issue when using JQuery Mobile + Backbone.js

Hi guys,

I would like to override some JQM classes such as .ui-header  and some others.
So I have index.html file where I load css in this order.
  1. <!DOCTYPE html>
  2. <html >
  3. <head>
  4.       <title></title>
  5.  
  6.     <meta name="viewport" content="width=device-width, initial-scale=1"><!--user-scalable=no -->
  7.     <link href="Content/jquery.mobile-1.3.0.min.css" rel="stylesheet" type="text/css" />
  8.     <link href="Content/myCustom.css" rel="stylesheet" type="text/css" />
  9.    
  10.     <!-- Here are script references -->
  11.  
  12. </head>
  13. <body>
  14. </body>
  15. </html >
Basically what happens is that all other styles( in myCustom.css) are applied, just those where I override JQM classes are not.
I noticed that if I use <style>/*my override css rules*/ </style>tag in the head of index.html then rules are applied. This is strange behavior and i cannot discover cause, so any help is welcome.

P.S. sorry if my English is bad :)