Background Image Alignment

[TrevorJ]

Zencart Version 1.5

Hi All,

I am having trouble aligning my background image with my centre wrapper. I need to move my centre wrapper a small bit to the left to align with background image, or possibly move my background image to right!!

Anyways take a look at below site and if anyone can give me a few pointers i would be very gratefull,

http://www.sportsbooks.ie/shop/

Also if I minimise window will it stay aligned or would it need extra code?

Thanks,
Trevor

[usernamenone]

You have you main wrapper set wider than you image and to fix it in your style sheet

#mainWrapper {
background-color: #ffffff;
width: 936px;
vertical-align: top;
border: 1px solid #00722F;
}

[TrevorJ]

Thanks for your help but no joy with that, if i go changing that the wrapper width with it justs makes the allignment on the right side worse.
If you look at the right side the wrapper is sligthly overlappin the background image (faded green border running vertically on both sides)

To resolve it i need to be able to move the centre wrapper slightly to left. The other option move background image a little to right!!

Sorry not sure if what im saying is even possible....

Anyways thanks again......

[TrevorJ]

Solved it!!

For anyone else who this might help I just added the following line and it moved the wrapper to the left which aligned it nicely with my background,

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #ffffff;
background-image: url(../images/sportsbooks_border.gif);
padding-right: 7px;
}