[vertigoflow]

I have a site that uses CSS to seperate some boxes and add a border. It looks good in IE but there's no division in Firefox.

The CSS file has this code:

Code:

.rightnavbox {
	BORDER-RIGHT: #ccc 1px solid;
	BORDER-TOP: #336699 3px solid;
	FONT-SIZE: 11px;
	BACKGROUND: #ffffff;
	BORDER-LEFT: #ccc 1px solid;
	BORDER-BOTTOM: #ccc 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
}
.spacer {
	height: 5px;
}

and on the page each box starts like this:

Code:

<div class="spacer"></div>
<div class="rightnavbox">

In IE it looks pretty good, like this:
http://img111.imageshack.us/img111/8...avboxie7mo.jpg

But in Firefox it doesn't really do anything, it looks like this:
http://img210.imageshack.us/img210/2...firefox4gk.jpg
What can I change to get it to look good in both IE and Firefox (and the rest of the other browers)

[vertigoflow]

Someone from another forum corrected my CSS file, there were flaws in it that Firefox picked up but IE ignored. Thanks for your help, you could consider this closed.