Shoutbox

Hey guys im need some css help here what im trying to do:

with out using images im trying to make the text background change color when hovered. I can do this only it changes only what the text covers in FX but in IE it works how i want...... heres the code:

code:

---

#side {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #99CCFF;
    width: 300px;
    border: 2px solid #000000;
}
#side-item {
    font-family: Arial, Helvetica, sans-serif;
    width: 300px;
    background-color: #99CCFF;
    color: #FFFFFF;
    text-align: center;
}
#side-item a:hover {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #167BAB;
    color: #FFFFFF;
    width: 300px;

---

can someone tell me how to make 300px background change in FX because other things like that work in FX anyways heres the page: http://valspy.mine.nu/valspy/ver2/

(put mouse over home)