PDA

View Full Version : getting nice 3dish outset table border styles to working in IE and FF


tf22raptor
28th July 10, 02:46 PM
Hello all,

Does anyone know how to get IE and FF to display nice elegant outset borders like what chrome and safari does?

Heres my table comparison IE on the left Chrome on the right:

http://gyazo.com/087ff10700c33c2c0f9a9fc82d81b45c.png

My code is
.outsetstyle {
font-family: Arial, Verdana, Lucida, sans-serif;
font-size: 10px;
color: #000;
padding: 4px;
border: outset;
border-width: 1px 1px 1px 1px;
}

I have tried using collapse to get rid of that 2pixel border in the middle, but when I use that I lose my outset style and its just looks like a 1pixel border.

Any help would be great