title: keep position on different resolution
body: <p>Hi i got this image gallery and information that should be seen on the right side of the pictures. i floated them both as left. my default resolution is 1366 x 768. it turned out ok. but if i change it to 1024 x 768, the information keeps going down, i need to keep the information on the right side of the image even though other users have different resolutions. here is the code, can some help me?</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="home_page_images"&gt;
      &lt;div id="home_page_images_slider"&gt;
          &lt;img src="images/accred_images/image_1.JPG" alt="In the office with the evaluators" /&gt;
          &lt;img src="images/accred_images/image_2.JPG" alt="Evaluating faculties" /&gt;
          &lt;img src="images/accred_images/image_3.JPG" alt="CCS students OJT" /&gt;
          &lt;img src="images/accred_images/image_4.JPG" alt="Packaging of hard documents" /&gt;
          &lt;img src="images/accred_images/image_5.JPG" alt="Meeting of the evaluators" /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="home_page_content_frame"&gt;
      &lt;div id="home_page_content"&gt;
          &lt;span&gt;Welcome to the QCE and CCE Evaluation System&lt;/span&gt;
          &lt;p&gt;The CCE Evaluation process, also known as "Accreditation", is a voluntary, non-governmental process that includes an external review of a professor’s ability to provide quality programs. It is helpful in many aspects, from ensuring that students are learning relevant material to allowing a school access to funding. Accreditation reviews include self-evaluations, peer-reviews, committee-reviews, and the development of in-depth strategic plans. They also include reviews of a school’s mission, faculty qualifications, and curricula.&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#home_page_images {
     position: relative;
     width: auto;
     margin-top: 40px;
     margin-left: 40px;
     float: left;
  }
  
  #home_page_content_frame {
     float: left;
     width: auto;   
  }
  
  #home_page_content p {
     text-align: justify;
     position:relative;
  }    
  </code></pre>