CSS Transparency for Firefox, IE and Opera

<!------>
 
<!-- a little bit css here: -->
<style type="text/css" media="all">
 
    td { vertical-align: top; }
 
    #table {
        margin: 0 auto;
        width: 300px;
    }
 
    .red_box {
        width: 100px; 
        height: 100px; 
        background-color: #7A1417;
    }
 
</style>
 
 
<!-- a table with some images and divs -->
<table border="0" cellpadding="5" cellspacing="2" id="table">
    <tr>
        <td valign="top">    
            90 % opacity<br/>
            <img src="http://www.jonasjohn.de/lab/context_free/t008.png" 
            style="filter: Alpha(opacity=90); opacity: .9;" />
        </td>
 
        <td>        
            50 % opacity<br/>
            <img src="http://www.jonasjohn.de/lab/context_free/t008.png" 
            style="filter: Alpha(opacity=50); opacity: .5;" />
        </td>
 
        <td>
            20 % opacity<br/>
            <img src="http://www.jonasjohn.de/lab/context_free/t008.png" 
            style="filter: Alpha(opacity=20); opacity: .2;" />
        </td> 
 
    </tr>
 
    <tr>       
        <td>
            90 % opacity<br/>
            <div class="red_box" 
            style="filter: Alpha(opacity=90); opacity: .9;" /></div>
        </td>
 
        <td>    
            50 % opacity<br/>
            <div class="red_box" 
            style="filter: Alpha(opacity=50); opacity: .5;" /></div>
        </td>
 
        <td>       
            20 % opacity<br/>
            <div class="red_box" 
            style="filter: Alpha(opacity=20); opacity: .2;" /></div>
        </td>        
    </tr>
 
</table>