Hey Guys,
I have a thin image that I would like to repeat-x for my footer. So far I have had no luck....not sure what the problem is. I am using wordpress so the footer is in a "footer.php". I am using the wordpress get footer to retrieve the footer, although it is not showing up right. No matter what I do I am having issues.
I want to repeat the image horizonally 100% (expand with browser)
Here is my footer.php code (basic, just needs to work):
<!-- BEGIN FOOTER -->
<div id="footer">
</div>
<!-- END FOOTER -->
</body>
</html>
And here is my css file (need to make the background image repeat-x):
#footer {
position:relative;
height:362px;
width: 100%;
background:url(../images/footer_bg.jpg) 0 100% repeat-x;
}
Would this be the proper way of doing this? If not please help me out, I would greatly appreciate it! : )
Thank You!