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:

.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:

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

In IE it looks pretty good, like this:


But in Firefox it doesn't really do anything, it looks like this:

What can I change to get it to look good in both IE and Firefox (and the rest of the other browers)

Could you post a link to the actual site it it's online somewhere? If it's not online could you post more of the code, ideally all of the code?

I'm not seeing anything obvious in the code you posted so I'm wondering if it's another part of the code that's causing the problem.

It's at http://www.indemandcontent.com

The site is run on a content management system, where the php is encoded so I don't have access to it. The html is stored in templates, which are editable and the CSS is in an external stylesheet.

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.