In your theme’s stylesheet style.css remove the overflow: hidden; declaration from the #wrapper rule set.
change this:
#wrapper {
border: 0px solid #000;
width: 960px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
background:url(images/wrapper_bg.gif) repeat-y;
}
to this:
#wrapper {
border: 0px solid #000;
width: 960px;
margin-left: auto;
margin-right: auto;
background:url(images/wrapper_bg.gif) repeat-y;
}
This may have other implications for the rest of your site. Test in all major browsers.
Thanks keesiemeijer, removing that line does fix the issue, however, it then causes an issue with the background image, in that it runs over the end of the footer and causes the page to extend.
Hmmm…
try removing the third image in your footer <img src="http://www.referrals4you.co.uk/wp-content/themes/referrals4you/images/footer_end.jpg" width="99" height="125" />
Why is it there?
Oddly removing the image worked. Why’s that? Sorry for the questions but your help is much appreciated!
Because the width of the three images combined is greater than the width of your theme, and it will place the third image on a new line
d’oh! Pretty obvious really 🙁 Sorry!
Thanks for the help though, very much appreciated!
