title: "Responsive image over responsive image" - Twitter Bootstrap
body: <p>I'm trying to fix this: </p>
  
  <p>I'm using the Twitter Bootstrap for responsive design. There is a large picture as a responsive background picture of the main content (positioned as a "relative") and there are several more pictures they are working as a navigator - their position is quite random (there is no grid or something like this):</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row-fluid"&gt;     
          &lt;div class="span12"&gt;
              &lt;div id="LARGE_PICTURE"&gt;
                  &lt;img src="img/LARGE_PICTURE.png"&gt;
                  &lt;a href="#"&gt;
                      &lt;img id="SMALL_PICTURE_1" src="SMALL_PICTURE_1.png"&gt;
                  &lt;/a&gt;
                  &lt;a href="#"&gt;
                      &lt;img id="SMALL_PICTURE_2"src="SMALL_PICTURE_2.png"&gt;
                  &lt;/a&gt;
                  &lt;a href="#"&gt;
                      &lt;img id="SMALL_PICTURE_3" src="SMALL_PICTURE_3.png"&gt;
                  &lt;/a&gt;
                  &lt;a href="#"&gt;
                      &lt;img id="SMALL_PICTURE_4" src="SMALL_PICTURE_4.png"&gt;
                  &lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;           
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>@import url('css/bootstrap.css');
  @import url('css/bootstrap-responsive.css');
  .container {
      background-image: url("img/bg.png");
  }
  #LARGE_PICTURE {
      position: relative;
  }
  #SMALL_PICTURE_1 {
      position:absolute;
      left:21%;
      top:24%;
  }
  #SMALL_PICTURE_2 {
      position:absolute;
      left:30%;
      top:13%;
  }
  #SMALL_PICTURE_3 {
      position:absolute;
      left:48%;
      top:26%;
  }
  #SMALL_PICTURE_4 {
      position:absolute;
      left:63%;
      top:16%;
  }
  </code></pre>
  
  <p>The large picture works perfectly - it is responsive. But is there some simple way how to make smaller pictures responsive as well? Their size is changing according to screen resolution right now...Many thanks for some tips!</p>