Salve ho un problema da esporre. volevo rendere trasparente una tabella dove ci andro a scrivere dentro, ce l'ho fatta mettendo la funzione opacity 50% nel css, adesso pero volevo inserire nella tabella una immagine ma che però nn diventasse trasparente anche lei. come posso fare?
una seconda cosa, come faccio a mettere solo l'immagine centrata e non tutto?
si tratta dell'immagine "logo.png" che si trova sotto nel codice html
grazie dell'aiuto

Codice PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sito</title>
<style type="text/css"> 
body  {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #0244b0;
    margin: 0; 
    padding: 0;
    text-align: center; 
    color: #000000;
    background-image: url(sfondo.png);
    background-repeat: no-repeat;
    background-position: Center;
}
.thrColLiqHdr #container {
    width: 80%;
    background: #FFFFFF;
    opacity:.50;
    filter:alpha(opacity=50);
    margin: 0 auto;
    border: 1px solid #000000;
    text-align: left;
} 
.thrColLiqHdr #header { 
    background: #DDDDDD; 
    padding: 0 10px;
} 
.thrColLiqHdr #header h1 {
    margin: 0;
    padding: 10px 0; 
    text-align: center;
}
.thrColLiqHdr #sidebar1 {
    float: left;
    width: 22%;
    background: #EBEBEB;
    padding: 15px 0;
    height: 400px;
}
.thrColLiqHdr #sidebar2 {
    float: right; 
    width: 23%; 
    background: #EBEBEB;
     padding: 15px 0; 
    height: 400px;
}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
    margin-left: 10px; 
    margin-right: 10px;
}
.thrColLiqHdr #mainContent { 
    margin: 0 24% 0 23.5%; 
}
.thrColLiqHdr #footer { 
    padding: 0 10px; 
    background:#DDDDDD;
} 
.thrColLiqHdr #footer p {
    margin: 0; 
    padding: 10px 0; 
}
.fltrt { 
    float: right;
    margin-left: 8px;
}
.fltlft { 
    float: left;
    margin-right: 8px;
}
.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
</style></head>
<body class="thrColLiqHdr">
<div id="container">
 <div id="header">
    [img]logo.png[/img]
</div>
  <div id="sidebar1">
  <h3>Home</h3>
  <h3>Storia</h3>
  <h3>Lavoro</h3>
  <h3>Dove siamo  </h3>
  <h3>Contatti</h3>
  <h3>Mappa del sito</h3>

  <h3>
  </h3>
  </div>
  <div id="sidebar2">
    <h3></h3>
    


  </p></div>
  <div id="mainContent">
    <h1> Contenuto principale</h1>
    

Contenuto interno </p>
</div>
<br class="clearfloat" />
  <div id="footer">
    

Fondo pagina
</p>
</div>
</div>
</body>
</html>