Trying to use css for a border effect

[racman28]

Hello.

I have this code that works in IE but not in Firefox. I'm only wanting to display a border graphic and repeat it horizontally.

Here is the style line:

<style type="text/css">
.border {margin:auto;width:87%;background:url (Images/border_06.gif);background-repeat:repeat-x}
</style>

and I use this with a div like so:

<div class="border"></div>

The code displays the border graphic properly in IE but is invisible to Firefox. Any help is appreciated.

[ray326]

The div has no height. If IE displays something, I'd guess IE is wrong.

[racman28]

I figured it out. I put a &nbsp; in between the opening and closing div tags and the images show up now.

<div class="border">&nbsp;</div>