ok first off please look at the following images


What i want to do is if the window width is smaller than the width of the image i want it to keep going passed the left margin if that makes sense?

<div style="position:absolute; overflow:hidden; top: 58px; width:100%;" align="center"><img src="images/bg-image-1.jpg" width="1264" height="699" /></div>

Set the image as the background-image for this div.

commented: thanks +3

yeah that worked thanks, though i still had to put the img code in, setting the width to 0 so the background image would display but the actual image wouldnt.

<div style="position:absolute; top: 58px; width:100%; height:699; background-image:url(images/bg-image-1.jpg); background-repeat:no-repeat; background-position:center;" align="center"><img src="images/bg-image-1.jpg" width="0" height="699" /></div>

I think you can remove the image tag, if you set the div style to display: block;