Hjælp til en div

Hej!

Jeg har i længere tid bøvlet med at få lagt en skygge på min side ude i højre side. Min side er bygget med divs og det hele virker undtagen den der skygge. Siden kan ses her http://www.maage.1go.dk/menu.php . Har prøvet position fixed på min skygge div men det vil kun virke i firefox. mit style sheet kan ses herunder.

Pft. Kenneth

html{
    margin: 0px;
    padding: opx;
}

body {
    margin: 0px;
    padding: 0px;
    background-color: #CCCCCC;
}

#page {
    width: 801px;
    float: left;
}

#head {
    background-color: black;
    /*background-image: url('../pics/banner.jpg');*/
    width: 800px;
    height: 150px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ff9900;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ff9900;                
}

#menu {
    background-image: url('../pics/knap-bg.gif');
    width: 800px;
    height: 30px;
    padding: 0px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: black;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ff9900;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ff9900;       
}

#content {
    width: 530px;
    float: left;
    padding: 10px;
    background-color: white;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;   
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ff9900;   
}

#right {
    margin-left: 550px;
    padding: 10px;
    background-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: yellow;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ff9900;
}

#foot {
    clear: both;
    background-color: #666666;
    border-style: dotted;
    border-width: 1px;
    border-color: blue;   
}

#shade {
    background-image: url('../pics/shade.gif');
    background-repeat: repeat-y;
    /*position: fixed;*/
    /*height: 100%;*/
    width: 20px;
    margin-left: 801px;
    border-style: dashed;
    border-width: 0px;
    border-color: yellow;
}

#right h1 {
    color: #ff9900;
    font-family: Verdana;
    font-size: large;;
    font-weight: bold;
    margin-top: 0;
}

#right p {
    color: #ff9900;
    font-family: Verdana;
    font-size: small;
    margin-top: 0;
}

#content h1 {
    color: black;
    font-family: Verdana;
    font-size: large;;
    font-weight: bold;
    margin-top: 0;
}

#content p {
    color: black;
    font-family: Verdana;
    font-size: small;
    margin-top: 0;
    padding: 0px;
}

a:link {
    color: blue;
    text-decoration:none;
}

a:visited {
    color: purple;
    text-decoration:none;
}
a:hover {
    color:red;
    text-decoration:none;
}