CSS border not working in browser

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

"ljCharlie" <webforumsuser (AT) macromedia (DOT) com> wrote

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

Try changing it to this:

#ctrPic {
padding: 5px;
border-top: 2px solid #D45F00;
border-left: 2px solid #D45F00;
border-bottom: 4px solid #7F0000;
border-right: 4px solid #7F0000;
}

If that doesn't work, upload the page and post a link to it.

Gary