title: Position fixed browser resizing
body: <p>Hi I have a couple of images on my website that ara place in a container div with the position set to relative.I placed each image using position absolute and after that I wanted to make the image folow the scrool.That is when I hit a problem.When I resize the browser the images dont stay in the normal flow of the content.Any suggestions on what should I do?</p>
  
  <p>Here is the code for one of the images:</p>
  
  <pre><code>img[alt=ship]{
      border:15px solid black;
      position:absolute;
      left:400px;
      bottom:-50px;
      position:fixed;
      z-index:2;
  
      -moz-border-radius:35px;
      -webkit-border-radius:35px;
      -o-border-radius:35px;
      border-radius:35px;
  
      -moz-transform:rotate(7deg);
      -webkit-transform:rotate(7deg);
      -o-transform:rotate(7deg);
      -ms-transform:rotate(7deg);
      transform:rotate(7deg);
  
  }
  </code></pre>
  
  <p>And here is my markup:</p>
  
  <pre><code>&lt;div id="container"&gt;
  
  
  
     &lt;div id="content"&gt;
  
         &lt;div id="content_1"&gt;
              &lt;a href="#"&gt;&lt;img src="img/octopus.png"/  alt="octopus"&gt;&lt;/a&gt;
              &lt;a href="#"&gt;&lt;img src="img/snake3.png" alt="snake1" /&gt;&lt;/a&gt;
              &lt;a href="#"&gt;&lt;img src="img/snake2.png" alt="snake2" /&gt;&lt;/a&gt;
              &lt;a href="#"&gt;&lt;img src="img/fish.png" alt="fish" /&gt;&lt;/a&gt;
              &lt;a href="#"&gt;&lt;img src="img/Titanic2.jpg"  alt ="ship" /&gt;&lt;/a&gt;
              &lt;a href="#"&gt;&lt;img src="img/sharks.jpg"  alt ="sharks" /&gt;&lt;/a&gt;
              &lt;a href="#"&gt;&lt;img src="img/shark.jpg" alt="shark"/&gt;&lt;/a&gt;
              &lt;a href="#"&gt;&lt;img src="img/ship1.jpg" alt="ship1" /&gt;&lt;/a&gt;
              &lt;a href="#"&gt;&lt;img src="img/submarine.jpg" alt="submarine" /&gt;&lt;/a&gt;
  
              &lt;nav&gt;&lt;/nav&gt;
              &lt;section&gt;&lt;/section&gt;
         &lt;/div&gt;
  
  
   &lt;/div&gt;
  </code></pre>