title: Resize text in a div resize img
body: <p>Unfortunately I have a problem that I just can not solve. I have a picture, which thanks to the css resizes depending on the size of the open window in your browser. But I must enter into this text and textbox. The problem comes when after you have centered the text and textbox with CSS, resizing the browser window, my text and my textbox do not follow the "image" but they go where they want. 
  for me to understand better my image looks like this: <a href="http://i41.tinypic.com/27xe6nm.jpg" rel="nofollow">http://i41.tinypic.com/27xe6nm.jpg</a> and I need that to be displayed inside the lines of the text and textbox. As stated previously, however, when the browser auto resizes the image, while placing on the div relative to the texbox text and margin-top: 10%; margin-bottom: 70%; etc. ... the text goes outside of the lines.</p>
  
  <p>my CSS</p>
  
  <pre><code>#text1
  { 
  position:absolute;
  height: auto;
  margin-left:40%;
  margin-right:auto;
  margin-top:-35%;
  margin-bottom:auto;
  width: auto\9;
  }
  
  div.imgg img 
  {
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
  }
  </code></pre>
  
  <p>my HTML</p>
  
  <pre><code>&lt;div class="imgg"&gt;
  &lt;img src="imgtest.png"/&gt;
  &lt;div id="text1"&gt;
  my text
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>