I have a container that is centered on the screen and I want to add a few images inside the container at set positions. Using the below seems to work but when I increase the value of left (110px), in Firefox I get a horizontal scroll bar but not in IE6. How can I remove the horizontal scroll bar appearing in Firefox?

css Code:
  1. #container {

  2.     margin: 0 auto;   /* align for good browsers */

  3.     text-align: left; /* counter the body center */

  4.     border: 2px solid #666666;

  5.     width: 990px;

  6. }

  7.  
  8. #topleft {

  9.  
  10. position:relative; left: 110px; top: 0px;

  11. }

html Code:
  1. <div id="container">

  2.   

  3.         <div id="topleft"><img src="images/main.jpg"></div>

  4.             

  5.     </div>