title: Images load fine directly, but not on the actual page
body: <p>I am having problems with my HTML image code. The first few images load, then the rest don't. They load when accessed directly, but not through the page.
  See page here: <a href="http://swaba.gaming.multiplay.co.uk/cinderella/cinderella.html#tonights-the-night" rel="nofollow">http://swaba.gaming.multiplay.co.uk/cinderella/cinderella.html#tonights-the-night</a>
  (It's for a friend who's helping at a school play)
  here is the image code I used:</p>
  
  <pre><code>&lt;h1 class="sans"&gt;Lyrics&lt;/h1&gt;
  &lt;br&gt;
  &lt;a id="tonights-the-night"&gt;
  &lt;h3 class="semi-sans"&gt;Tonight's The Night&lt;/h3&gt;&lt;/a&gt; &lt;img alt="Cinderella Lyrics" src="01.png" width="800"&gt;&lt;br&gt;
  &lt;a id="a-friend-like-you"&gt;
  &lt;h3 class="semi-sans"&gt;A Friend Like You&lt;/h3&gt;&lt;/a&gt; &lt;img alt="Cinderella Lyrics" src="02.png" width="800"&gt;&lt;br&gt;
  &lt;a id="its-not-all-its-cracked-up-to-be"&gt;
  &lt;h3 class="semi-sans"&gt;It's Not All It's Cracked Up To Be&lt;/h3&gt;&lt;/a&gt; &lt;img alt="Cinderella Lyrics" src="03.png" width="800"&gt;&lt;br&gt;
  &lt;a id="im-so-in-love-with-me"&gt;
  &lt;h3 class="semi-sans"&gt;I'm So In Love With Me&lt;/h3&gt;&lt;/a&gt; &lt;img alt="Cinderella Lyrics" src="04.png" width="800"&gt;&lt;br&gt;
  &lt;a id="youre-going-to-the-ball"&gt;
  &lt;h3 class="semi-sans"&gt;You're Going To The Ball&lt;/h3&gt;&lt;/a&gt; &lt;img alt="Cinderella Lyrics" src="05.png" width="800"&gt;&lt;br&gt;
  &lt;a id="theres-a-party-here-tonight"&gt;
  &lt;h3 class="semi-sans"&gt;There's A Party Here Tonight&lt;/h3&gt;&lt;/a&gt; &lt;img alt="Cinderella Lyrics" src="06.png" width="800"&gt;&lt;br&gt;
  &lt;a id="a-ton-of-love"&gt;src="07.png" width="800"&gt;&lt;br&gt;
  &lt;a id="if-i-had-one-wish"&gt;
  &lt;h3 class="semi-sans"&gt;If I Had One Wish&lt;/h3&gt;&lt;/a&gt; &lt;img alt="Cinderella Lyrics" src="08.png" width="800"&gt;&lt;br&gt;
  &lt;a id="your-feet-are-too-big"&gt;
  &lt;h3 class="semi-sans"&gt;Your Feet Are Too Big&lt;/h3&gt;&lt;/a&gt; &lt;img alt="Cinderella Lyrics" src="09.png" width="800"&gt;&lt;br&gt;
  &lt;img alt="Cinderella Lyrics" src="09-2.png" width="800"&gt;&lt;br&gt;
  &lt;a id="happy-ever-afters"&gt;
  &lt;h3 class="semi-sans"&gt;Happy Ever Afters&lt;/h3&gt;&lt;/a&gt; &lt;img alt=
  "Cinderella Lyrics" src="10.png" width="800"&gt;&lt;br&gt;
  </code></pre>
  
  <p>Any help would be greatly appreciated!</p>
  
  <p>PS: The images stop loading after the '03.png'</p>
  
  <p>EDIT: The images load correctly in Firefox, just not on Chrome.</p>