title: Trying to get large image to display when the thumbnail is hovered
body: <p>I'm trying to create a gallery of thumbnails, and once the thumbnail is hovered over, it will display the full size version in a separate box.</p>
  
  <p>The problem right now is that I cannot get an image to display at all, when its corresponding thumbnail is hovered over.</p>
  
  <p>This is the HTML:</p>
  
  <pre><code>&lt;img class="thumb1" src="image.jpg"&gt;
  </code></pre>
  
  <p>And the actual, full-size image is in another section:</p>
  
  <pre><code>&lt;img class="fullsize1" src="image.jpg&gt;
  </code></pre>
  
  <p>This is the CSS, but it's not working:</p>
  
  <pre><code>img.fullsize1 { display:none; }
  img.thumb1:hover + img.fullsize1 {display:block;}
  </code></pre>
  
  <p>What am I doing wrong?</p>