jQuerymobile not styling

jQuerymobile not styling

Hi all..
 
this is my first post here, so go easy please :)
 
I have recently update to IE10 and since them my webpage which uses jquerymobile 1.2.1 stopped working (getting spinning circle all the time).. so I've updated the code to use jquerymobile 1.4.3 and here is where my question come..
 
the html file is save on an internal company drive (address starts with \\driveName\folder\ ..) if I open the page directly from the drive it works and looks perfectly fine.. BUT
 
If I link to the html from a website (address starts with http://) then I can see the content but it's not style (basic text format)
 
Just to clarify.. the drive host training related simulators and then we have a html landing page with links to these content
 
Hope I explained my question well and you guys could help me with it
 
here is the source code :
 
----------------------------------------------
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Training Links 2.0</title>
  <link rel="stylesheet"
1.4.3.min.js"></script>
<link rel="icon"
      type="image/png"
      href="images/Link-icon.png" />
<style type="text/css">
a {
text-decoration: none;
}
content {
width: 80%;
}
</style>
</head>
 
<body>

<!-- Start of first page: #one -->
<div data-role="page" id="one" align="center">
 <div data-role="header">
  <h1>Training Links</h1>
                <a href="mailto:
#  links" data-icon="alert" data-theme="b" class="ui-btn-right">Help</a>
 </div><!-- /header -->
 <div data-role="content" style="width:600px;">

        <UL data-role="listview" data-inset="true" data-filter-
placeholder="Search..." data-filter="true">
<LI data-role="list-divider">Links1</a></li>
    <li><a
href=" # " target="_blank"><IMG class=ui-li-icon alt="logs"
src="icons/icon-calendarthree.png">link 1</a></li>
    <li><a href="
# " target="_blank"><IMG class=ui-li-icon alt="logs" src="icons/icon-
appointment-agenda.png">Link 2</a></li>
</UL>
 
 </div>

<!-- /content -->
<div data-role="footer" data-theme="b">
  <h4>Copyright &#169; Operational Training Department</h4>
 </div><!-- /footer -->
 
 
</div><!-- /page one -->

</body>
</html>
 
Thanks
 
Ahmed