title: External CSS won't work in Chrome
body: <p>Complete and total noob here. My external style sheet works perfectly fine in IE9, but won't work at all in Chrome. Here's the HTML.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  
  &lt;head&gt;
  
  &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
  
  &lt;link rel="stylesheet" href="default.css" /&gt;
  &lt;/head&gt;
  
  &lt;title&gt;DCE&lt;/title&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;a href="index.html"&gt;
  &lt;img src="Images\logo.png" alt="Logo" width="50%" height="50%"&gt;
  &lt;/a&gt; 
  
  &lt;br&gt;
  
  &lt;hr style="height:5px"&gt;
  &lt;embed height="50" width="100" src="Theme.mp3"&gt;
  
  &lt;ul&gt;ABC
  &lt;a href="pages\aboutus.html"&gt;&lt;li&gt;Z&lt;/li&gt;&lt;/a&gt; 
  &lt;a href="pages\AAAA.html"&gt;&lt;li&gt;Y&lt;/li&gt;&lt;/a&gt; 
  &lt;/ul&gt;
  
  &lt;h2&gt;X&lt;/h2&gt;
  
  &lt;p&gt;Blah&lt;/p&gt;
  &lt;p&gt;Blah&lt;/p&gt;
  
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>And the horrifically terrible CSS.</p>
  
  <pre><code>h1 {color:#e03d89;}
  body {background-image:url(Images/Background.png);}
  h2 {font-family:Tahoma, Geneva, sans-serif;}
  p {font-family:Arial, Helvetica, sans-serif;}
  a:link {color:#e03d89;}     
  a:visited {color:#e97fa5;}  
  a:hover {color:#eb0258;}  
  a:active {color:#7a0453;}  
  p {margin-left: 30px; text-indent: 20px}
  h2 {color:#e03d89;}
  h2 {text-align:center}
  </code></pre>
  
  <p>Thanks for any help you guys can give. I'm sure I've done something horribly wrong in posting this and all I can do is hope you all will forgive me.</p>