Nie wyświetla się poprawnie w Operze i FF

[Nicorrtiss]

Mam taki problem. Mam taki kod w css:

Kod:

body {
    font-family: Arial, Helvetica, sans-serif;
}
a: hover {
    background: #ffffff;
    text-decoration: none;
}

a.podpowiedz div {
    display: none;
    padding: 2px 3px;
    margin-left: 8px;
    width: 230px;
}

a.podpowiedz:hover div{
    display: inline;
    position: absolute;
    margin: 10px 0 0 5px;
    background: #dddddd;
    border: 1px solid #454545;
    color: #000000;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
    text-align: center;
}

w html/body:

Kod:

<a class="podpowiedz" href="#"><img src="nazwaobrazkana który najeżdzam myszką.jpg" style="margin-left: 55" border="0">


<div id="ft1">jakiś tam tekst który wyświetla się w okienku po najechaniu na w/w zdjęciee</div></a>

Teraz fajnie mi to dział i wygląda w IE ale w Operze i FF (pewnie też w GCH-chociaż tego nie sprawdziłam) nie czyta tego. Tekst który powinien wyświetlać się w okienku, pojawia się na dole pod zdjęciem. Po najechaniu na tekst pojawia si ta apka+co bz wskayzwao na to że wie że to link ale po kliknięciu nic się nie dzieje .

Moje pytanie jest takie, co trzeba poprawić w css, żeby Opera i FF też to czytały?

Pozdrawiam i będę wdzięczna za pomoc.