# Help with a simple CSS task!

**URL:** <https://forum.kirupa.com/t/help-with-a-simple-css-task/181776>\
**Category:** web dev\
**Created:** [March 13, 2006, 12:20am UTC](https://forum.kirupa.com/t/help-with-a-simple-css-task/181776 "2006-03-13T00:20:36Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![daleth](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/daleth/32/1096_2.png) [@daleth](https://forum.kirupa.com/u/daleth)\
**Post date:** [March 13, 2006, 12:20am UTC](https://forum.kirupa.com/t/help-with-a-simple-css-task/181776/1 "2006-03-13T00:20:36Z")

</div>

Hi Kirupans,  
I’m trying to figure out what should be a simple CSS task: making a fixed-height horizontal space with a repeating background image, ideally that would be centered vertically in the browser. The problem is making it totally cross-browser compatible.  
I used to just use tables to do this but the background attribute for the \<td\> tag is apparently nonstandard and Safari won’t render it!  
You can see an example of what I’m trying to do here: [LKDP.com](http://www.lkdp.com)  
It renders the way I want it in FireFox, but not Safari and not always IE.  
So what’s the most logical way to do the same thing in CSS? Thanks so much in advance!