title: website looks horrible in firefox is it because I am using a public dropbox url?
body: <p>I am stumped as to why my styling is so distorted when I use firefox.
  The website is <a href="http://shehunter.joshmu.com" rel="nofollow">http://shehunter.joshmu.com</a></p>
  
  <p>Could it be related to the fact this site at the moment is being worked on via a public dropbox url? </p>
  
  <p>Font, positioning and background transparency seem to all be wrong.</p>
  
  <p>Works fine in chrome and safari. </p>
  
  <hr>
  
  <p>EDIT-
  when i click on the info tab the text is displaced far to the left...
  in the 'music' section there is a transparent blue background appearing...</p>
  
  <hr>
  
  <p>UPDATE-
  info section solved with position:absolute cheers @sarcastyx!
  however still have problems in firefox with it accepting google web font and background transparency problem in the music section of the site.
  Thanks for all the help everybody!</p>