Hi,
Just to let you know that i sorted it out using CSS. If anyone wants to know these are the changes I made
Bold parts is where I changed the width
Stylesheet.css
#mainWrapper {background-color: #fff;text-align: left;**width: 850px;**vertical-align: top;position:relative;top:80px;}
#logoWrapper {background-image: url(../images/navsupcolour850.jpg);height: 25px;width: 848px;position: relative;top: 25px;margin: 0px;border:1px solid #8b775f;}
#footer-wrapper {margin-top: 0px;background-image: url(../images/backwhite.jpg);background-repeat: repeat;height: 30px;**width:848px;**border:1px solid #8b775f;}
#navSuppWrapper {margin: 0px;**width: 850px;**height: 25px;color: #fffef4;background-image: url(../images/navsupcolour850.jpg);font-size: 1.2em;font-weight: bold;}
Obviously changed the width of your logo-wrapper and navsupwrapper images.
The problem is my website doesn't look quite right in Explorer 7 it seems the logo-wrapper seems to be positioned much lower. Can you tell me a way I can fix this?
Thanks