Border does not render properly in FF

CSS rendering problem

[gabacho]

The border renders fine in IE but in Firefox it does not extend all the way across the top and bottom and the right side. The page in question is at: [toucanmultimedia.com...]
The style that produces the border is:

body { font-family:Arial, Helvetica, sans-serif;
font-weight: 500;
background-color: #CCCCCC;
 font-size:12px;
 border-style: ridge;
 border-width:thin;
 border-color: #FF9933;
 width:500px;
 margin-left:130px;
}

Does anyone know what the problem is?
Thx

[gabacho]

OK, I removed the border styles from the "Body" tag and applied them instead to the "Div" tag and this fixed the problem.

[penders]

Hi gabacho, welcome to WebmasterWorld, your page seems to render OK for me in Firefox V1.5 (and IE) - all the way round the top/bottom and sides. The border is slightly thinner in Firefox than IE, but that's ok, since you specify the relative 'thin' value.

For some reason I've never tried setting a border directly on the body element before - I've always used a containing div - but seeing your CSS I see no reason why not.

[edit]Maybe this was after you changed the border to the DIV?[/edit]

[Robin_reala]

I've just tried applying your same styles here on WebmasterWorld (using Fx's Web Developer Toolbar's 'Edit CSS' option) and it looks fine. Maybe there was something else in your code that was overriding the body styles?