problemer med <table> til <div> omskrivning

Jeg har følgende kode som virker godt nok. problemet ligger i at det skal laves om så billedet kommer til at stå i sin egen <div>.
<div id="adg_box" style="visibility: hidden;">
  <div id="adg_bg_1">
  </div>
  <div id="adg_tekst">
    <table cellspacing="0" cellpadding="0" border="0">
    <tr>
      <td valign="top" align="left" width="35">
        <img src="images/ikon_ingen_adgang.gif" alt="Ingen adgang" width="29" height="27" border="0"></td>
      <td valign="top" width="400">
        <p>
          <strong>Du har ikke fuld adgang til dette område</strong>
          <br>Du har ikke adgang til området, hvor virksomhedens fælles indstillinger kan redigeres. Er dette en fejl, kan følgende personer ændre opsætningen af din brugerprofil:<br><br>
          </p>
        </td>
        <td style="text-align: right; vertical-align: bottom;">
          <span style="text-align: right; text-decoration: underline; cursor: pointer;" onclick="vis_tekst();">luk</span>
        </td>
      </tr>
    </table>
  </div>
</div>

Der er følgende CSS tilknyttet som også skal tilpasses. Jeg har selv forsøgt men det smadrede fuldstændigt hele layoutet.
#adg_box {
  position: absolute;
  top: 320px;
  left: 400px;
  z-index: 2;
  visibility: hidden;
  border: 1px solid black;
  width: 500px;
  height: 150px;
  text-align: center;
}

#adg_bg_1 {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color: #FFF;
  filter:alpha(opacity=90); /* IE */
}

#adg_tekst {
  position:absolute;
  left:0;
  top:10;
  width:100%;
  height:100%;
}

Det er meningen at den div som billedet skal ligge i skal have en uigennemsigtig baggrund og teksten skal have opacity=90 som det er nu, det er derfor jeg vil have hele tabellen lavet om så det kan stå i div's. Det skal så også lige siges at teksten kommet fra en funktion i PHP så det skal laves så teksten står alene i en <p> el. lign.