[Twikitero]

The html code I use is this

<div id="infoPanel"> <!-- Slide-in Custom Board - Getamped 1404 -->
    <img src="images/misc/information.png" class="infoIcon" />
    <table width="100%">
        <tr>
            <td width="90%" style="padding-left:50px;">Announcement ! Announcement !<br />Announcement ! Announcement !</br />Announcement ! Announcement !<br />Announcement ! Announcement !</td>
            <td style="text-align:center;" width="10%">A<br>N<br>N<br>O<br>U<br>N<br>C<br>E<br>M<br>E<br>N<br>T</td>
        </tr>
    </table>
</div>

The code for the CSS I use is this.

/* Slide-in Custom Board - Getamped 1404 */
#infoPanel  {
    position: fixed;
    background-color: #fff;
    width: 330px;
    height: auto;
    padding: 4px 4px 4px 4px;
    font-size: 12px;
    font-weight: 700;
    color: #000;
    -moz-box-shadow: 0 0 20px #111;
    -webkit-box-shadow: 0 0 20px #111;
    box-shadow: 0 0 20px #111;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    opacity: 0.7;
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-transition: all 4s ease;
    -webkit-transition: all 4s ease;
    -o-transition: all 4s ease;
    transition: all 4s ease;
    -moz-transition-delay: 2s;
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
    left: -300px;
    z-index: 9999;
}
#infoPanel:hover {
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0.9;
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    filter: alpha(opacity=90);
    left: 10px;
}
img.infoIcon {
    float: right;
    margin: -20px -20px 0px 0px;
}

The ID of the HTML code that calls the CSS is correct

Thanks for your reply