I'm creating a website with a fixed width layout but a expandable height. I'm using CSS background images (that I sliced up in Photoshop) to place pictures around the content box. These images being the title banner, navigation and the four sides around the content box. I've been playing with the code and can get the title, navigation and footer to show up with no problem but where the two css background images should be on either side of the content is blank. These two bars on either side of the content I want to repeat to fit the size of the content but as I mentioned all I can get is two blank spots regardless of how much info I put in the content. I've only pasted the relevant parts of the code and taken alot of the work arounds that I've tried in an attempt to get this to work. Any help would be much appreciated.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
font-family: Arial, Helvetica, sans-serif;
/*temp to see side bars repeat*/