Footer fisso con elementi

[Valeria75_bis]

Ciao a tutti, nella mia pagina HTML ho un footer

<div id="fixed">
<div id="sin"><a href="XXX"><img src="images/arrow_sx.png" alt="" /></a></div>
<div id="cen" align="center">
<br>
<button class='yui3-button notice' .......</button>
</div>
<div id="des"><a href="ZZZZ"><img src="images/arrow_dx.png" alt="" /></a></div>
</div>



con nel CSS

#fixed {
position:fixed;
bottom:0px;
left:0px;
right:0px;
height:80px;
background-color: #6c6c6c;
opacity: 0.7;
filter: alpha(opacity=70);


}
#fixed img{
border:0
}
#sin {
float:left;
margin-left:10px;
margin-top:10px;
top:10px;
bottom:10px;
width:70px;
}
#des {
float:right;
margin-top:-35px;
top:-35px;
width:70px;
}
#cen {
margin:0 80px;
text-align:center;
}

il problema è che il pulsante centrale è sotto la barra sfumata.... io vorrei che sia il pulsante centrale sia le frecce siano sopra la barra... cosa sbaglio?

Grazie!!