[RESOLVED] DIV Positioning Help

[lintz]

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?

#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;
}

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

[mendhak]

#topleft 
{

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

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

[mendhak]

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

position:relative; margin-left: 100px;

[lintz]

Thanks mendhak

[mendhak]

No prob, add [resolved] please.