Part of External .css script doesn't show

[spica42]

I added the line

.box {
BORDER-RIGHT: #660000 1px dashed; PADDING-RIGHT: 10px; BORDER-TOP: #660000 1px dashed; PADDING-LEFT: 10px; PADDING-BOTTOM: 1px; BORDER-LEFT: #660000 1px dashed; PADDING-TOP: 10px; BORDER-BOTTOM: #660000 1px dashed
}

in my css script I call styles.css and I set one of my table's class as .box.

When I preview the file in my computer it shows a nice dotted box, but after I uploaded the files into my web server, the box is gone. The rest of the styles are properly displayed but not the box, anyone knows why is there a difference between previewing on my computer and uploading it to the web?

[Rambo Tribble]

There will be no difference as long as you are being served the same file. You need to make sure your naming and path is the same and try directly downloading the file from the server to your browser by requesting [yoursite.com...] Then you can see what is being served. (Any possibility you have style.css and styles.css?)