title: Images inside div keep moving
body: <pre><code>&lt;div style="banner" top:0; align="center" position: absolute; z-index: 1; visibility: show;&gt;
  &lt;img src="banner.jpg" /&gt;&lt;/div&gt;
  &lt;div style="buttons" align="center" top:200; left:85; position: fixed; z-index: 1; visibility: show;&gt;
  &lt;img src="homebutton.jpg"/&gt;&lt;img src="aboutbutton.jpg" /&gt;&lt;img src="missionbutton.jpg" /&gt;&lt;img src="contactbutton.jpg" /&gt;&lt;img src="pricingbutton.jpg" /&gt;&lt;/div&gt;
  &lt;div style="pics" align="center" top:370; position: fixed; z-index: 1; visibility: show;&gt;
  &lt;img src="inrepair.jpg" /&gt;&lt;img src="homeoffice.jpg" /&gt;&lt;img src="onsite.jpg" /&gt;&lt;/div&gt;
  &lt;div style="pics2" align="center" top=711; position: fixed; z-index: 1; visibility: show;&gt;
  &lt;img src="computers.jpg" /&gt;&lt;img src="networking.jpg" alt="Networking"/&gt;&lt;img src="games.jpg"/&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The combined width of my images are 1024px. As soon as I drop the browser size below 1024px width all the images other than the banner start to stack on top of each other. I want them to just hide what cannot be shown like the banner is already doing. What can I do to fix this? I'm sure theres a very easy solution, but I'm pretty bad at html.</p>