CSS code for columns border does not work

I have the following CSS code for the center column of the a three columns layout.

#ctrPic {
padding: 5px;
background-color: #FFC891;
margin: 18px 263px 0px 262px;
border-top-width: 2px;
border-right-width: 4px;
border-bottom-width: 4px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #D45F00;
border-right-color: #7F0000;
border-bottom-color: #7F0000;
border-left-color: #D45F00;
}

When display in DW it looks perfect; however, when I display under IE and Firefox browser it does not work. The border are not showing. So I ran the CSS code under TopStyle Pro and this is the error that I got.

Property border-top-style does not exist in this definition
Property border-right-style does not exist in this definition
Property border-bottom-style does not exist in this definition
Property border-left-style does not exist in this definition
Property border-top-color does not exist in this definition
Property border-right-color does not exist in this definition
Property border-bottom-color does not exist in this definition
Property border-left-color does not exist in this definition

Can anyone tell me what these errors are referring to?

Any help is much appreciated.

ljCharlie

 

I got it working now.

ljCharlie

 

As an FYI for anyone else, if you want to wrap a div in a border all the way round, you can use.

.divname {
border: 1px solid black;
}

(Less code)