border outset problems

[B34ST]

I have used the border outset function to mak my menu look 3D, this works fine and has the desired effect in firefox but it just puts a black border around the menu in IE. Is there a fix for this or does IE not recognise outset? here is an image showing what I mean

 

 

and here is the css that creates it:

#leftCol h1 {
font-size:11px;
color:#fff;
background: url('images/hbg.gif');
line-height:20px;
text-transform:uppercase;
voice-family:inherit;
width:139px;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 5px;
border: 1px black outset;
}

.sidemenu {
background-color: #454545;
margin: 0px 0px 0px 5px;
padding: 0px;
width: 146px;
list-style: none;
}

.sidemenu li a:link,.sidemenu li a:visited {
display:block;
font-size:11px;
color:#fff;
background-color: #454545;
border: 1px black outset;
text-decoration:none;
padding:3px 3px 3px 5px;
}

.sidemenu li a:hover {
background-color:#708eb8;
border-bottom:1px solid #9dbbd4;
border-top:1px solid #435887;
text-decoration:none;
}

 

any help is greatly appreciated

 

Thanks