I have created my entire website by using a main table, and having the content inside the table.

Some ppl suggest this is wrong, and I would like to know what to do specifically in my situation.

On my index.html I have a <table align="center"> and then all content in it.

Now the content is in form of DIVS and they all have relative positioning, so they are relative to the table.

For example:

<table align="center">
  <tr>
    <td>
      <div style="position:relative; left:14px; top:50px;">

              CONTENT HERE... (Form, divs, images)

      </div>
    </td>
   </tr>
 </table>

I have just gotten to the stage of browser compatibility.

Without making any changes whatsoever, my website works perfect in FF, SAFARI, Chrome and Opera. Only trouble with IE.

So for my Q, if you where me, would you change my layout and remove the tables, and instead use alot more css and alot more DIVS, or would you go with what I have?

And please if you answer me, don't just provide me with the answer, but also a "why" that is... in other words, give me arguments and facts...

Thanks