title: CSS appears different on Windows than Mac
body: <p>When I view the site in Windows then most of the site, like the top text, right contact details, nav text and welcome text appear lower than they do on the mac. Mac browsers show the CSS as it should be. Please help me out...</p>
  
  <p>Mac screenshot</p>
  
  <p><img src="https://i.stack.imgur.com/CXbLS.png" alt="https://www.dropbox.com/s/qwe9hxfkfie3xqu/Mac%20screenchot.png"></p>
  
  <p>Windows screenshot</p>
  
  <p><img src="https://i.stack.imgur.com/xQWaz.png" alt="https://www.dropbox.com/s/b9cnl3lczzrcmtp/Windows%20screenshot.png"></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;body&gt;
  &lt;div id="wholepage"&gt;
  &lt;header&gt;
  &lt;div id="nav_top"&gt;
  &lt;nav&gt;
  &lt;h1 class="slogan"&gt;Steel &amp; Fabrication Specialists&lt;/h1&gt;
  &lt;/nav&gt;
  &lt;/div&gt;
  &lt;a href="index.html"&gt;&lt;img class="kks_logo" src="KKSLogo.png" border="0" alt="KKS Services   Ltd logo"&gt;&lt;/a&gt;
  &lt;h1 class="logo"&gt;KKS&lt;/h1&gt;
  &lt;h2 class="logosub"&gt;Services Ltd&lt;/h2&gt;
  &lt;h3 class="head_contact"&gt;0113 2826946&lt;/h3&gt;
  &lt;h3 class="head_contact"&gt;&lt;a href="contact.html"&gt;enquiries@kksservices.co.uk&lt;/a&gt;&lt;/h3&gt;
  &lt;nav id="main_nav"&gt;
  &lt;ul id="nav_main"&gt;
   &lt;li&gt;&lt;a class="current_index" href="index.html"&gt;HOME&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a class="domestic" href="domestic.html"&gt;DOMESTIC&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a class="automation" href="automation.html"&gt;AUTOMATION&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a class="commercial" href="commercial.html"&gt;COMMERCIAL&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a class="contact" href="contact.html"&gt;CONTACT&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/nav&gt;
  &lt;img class="rivot" src="rivot.png" alt="KKS Services Ltd Rivot"/&gt;
  &lt;img class="rivot2" src="rivot.png" alt="KKS Services Ltd Rivot"/&gt;
  &lt;img class="rivot3" src="rivot.png" alt="KKS Services Ltd Rivot"/&gt;
  &lt;img class="rivot4" src="rivot.png" alt="KKS Services Ltd Rivot"/&gt;
  &lt;/header&gt;
  &lt;section&gt;
  &lt;article&gt;
  &lt;img class="railings" src="index_rail.png" alt="KKS Services Gates and Railings"/&gt;
   &lt;div id="welcome"&gt;
  &lt;h1 class="welcome"&gt;Welcome&lt;/h1&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.slogan{
  position: relative;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  left: 10px;
  top: -5px;
  color: white;
  font-size: 1.3em;
  font-family: 'Aldrich', cursive;
  }
  .kks_logo{
  position: relative;
  top: 50px;
  }
  .head_contact{
  font-family: 'Aldrich', sans-serif;
  position: relative;
  left: 10px;
  top: -175px;
  font-size: 1.5em;
  text-align: right;
  }
  ul#nav_main li{
  display: inline;
  padding: 26px;
  }
  ul#nav_main li a{
  text-decoration: none;
  color: white;
  font-family: 'Aldrich', sans-serif;
  font-size: 1.4em;
  position: relative;
  top: 13px;
  }
  #welcome{
  position: relative;
  top: -267px;
  left: 70px;
  width: 840px;
  height: 35px;
  background-color: rgba(0,0,0,0.6);
  border-radius: 5px;
  }
  #welcome h1{
  color: white;
  font-family: 'Aldrich', sans-serif;
  padding: 10px;
  font-size: 200%;
  position: relative;
  top: -5px;
  left: 10px;
  }
  </code></pre>
  
  <p>Thank You!</p>