CSS onMouse over

Hej allesammen.

På min side www.zeroup.dk kan man føre musen over det lille ? ikon der er og så kommer der en boks med hjælp.

Koden ser sådan her ud:
p class=\"info\"><span style=\"font-size:12px\"><strong>Tags:</strong></span> <img src=\"images/icon/help.png\"><span class=\"text\"><br />Skriv 3 ord der beskriver dit billede. Adskil med mellemrum.<br/><br/><I>Eksempel:Tv Fladsk&aelig;rm HDReady</I><br /><br /></span></p>

CSS koden er her

p.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

p.info:hover{z-index:25;}

p.info span.text{display: none}

p.info:hover span.text{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:20em;
    border:1px solid #69962A;
    background-color:#ECFED1; color:#000;
    text-align: center;
    font-size: 11px;}

Mit problem er at det ikke kun er når man føre musen over ikonet, men istedet for, hele den celle som ikonet er i. Det skal laves sådan at det kun er når man føre musen over ikonet at hjælpe boksen kommer. Nogle der ved hvordan det laves