title: jquery mobile fullcalendar prev next icon
body: <p>When using the jquery fullcalendar plugin (<a href="http://arshaw.com/fullcalendar/" rel="nofollow">http://arshaw.com/fullcalendar/</a>) with jquery mobile, the prev and next month button icons only show the arrow-up background image, which is the very first icon on the long 256 by 240 .png image file. When I refresh the page in Firefox, the correct arrow east and west show up, yet I lose all other styles including background, themes, etc. Refresh does not work in IE.</p>
  
  <p>I searched high and low for an answer to this relatively minor issue. Here I believe may be the causes:<br>
  <br>
  1. jquery ui and jquery mobile conflict (order of .js and .css files) --I tried all orders to no avail.
  <br>
  2. calling fullcalendar theme on mobile page (inside of page instead of head tags)
  <br>
  3. transition issue from home to specific mobile page
  <br>
  4. pixel size of ui-icon css class (should it be larger than 16px by 16px for mobile?)
  <br>
  5. need of a custom override of jquery ui using the $(document).ready() function.</p>
  
  <p>Please see my included files head code below:</p>
  
  <pre><code>&lt;link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar/fullcalendar.css'&gt;
  &lt;link rel='stylesheet' type='text/css' href='../fullcalendar/demos/cupertino/thememobile.css'&gt;
  &lt;link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar/fullcalendar.print.css' media='print'&gt;
  
  &lt;link rel="stylesheet" href="jquery.mobile-1.0.1.min.css" /&gt;
  &lt;script src="jquery-1.6.4.min.js"&gt;&lt;/script&gt;
  &lt;script src="jquery.mobile-1.0.1.min.js"&gt;&lt;/script&gt;
  
  &lt;script type='text/javascript' src='../fullcalendar/jquery/jquery-ui-1.8.17.custom.min.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='../fullcalendar/jquery/jquery-1.7.1.min.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='../fullcalendar/fullcalendar/fullcalendar.min.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='../fullcalendar/fullcalendar/jquery.qtip-1.0.0-rc3.min.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='../fullcalendar/fullcalendar/calendareventsmobile.js'&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Any answer or brainstorming of answers will be very helpful.</p>
  
  <p>Thanks in advance!</p>