[RESOLVED] DIV Positioning Help

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:

#container {
    margin: 0 auto;   /* align for good browsers */
    text-align: left; /* counter the body center */
    border: 2px solid #666666;
    width: 990px;
}
 
#topleft {
 
position:relative; left: 110px; top: 0px;
}

html Code:

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

Code:

---

#topleft
{

position:relative; padding-left: 200px;
}

---

If you're using relative, you don't need left.

Actually, it's a set position, so use margin

position:relative; margin-left: 100px;

Thanks mendhak :thumb:

No prob, add [resolved] please.