Is there any way...

[Sanim]

Is there any way to have a repeat-y background image that will work correctly in all browsers if the div's width is set in ems? Since different browsers display ems differently and a image's width is in pixels, couldn't that make the image not work right? Example:

I have a div whose id is #wrapper and is 80.0em wide. I have an image that is 800px wide and 2px tall that I want to repeat down the div until the div ends. If I put, in the div's background thing, background: url(images/faux.gif) repeat-y center;, would that take care of any problems, or is there something else I've overlooked? Thanks in advance.

[Oak]

I think the best thing to do is to have the most popular browsers installed on your system (IE, Netscape, Firefox) and then when you try something like this just have a look in each one and that will answer your question.

It will also make it easier for you to ensure that your sites display correcly in those browsers for your future developments.

Good Luck :)

[Sanim]

Okay. I have Safari 1.2, Camino, Firefox, Opera [either 6 or 7] demo, and for those IE users, IE 5.2. I'll be sure to test it in all of those.