[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>