Shoutbox

I've been getting annoyed about this for the last few days, and im close to giving up, but before i do, i thought i'd see if anyone here has some ideas.

Im trying to make a grid of 10px by 10px empty table cells. I've got the css all working in firefox and it looks nice and fine.
But IE refuses to listen to the height value in anything but quirks mode, and sets the height to something around 21px. When i was googling for a soultion i found out about the table-layout: fixed; method, which msdn says should make this work, but it doesn't ¬¬. So if anyone has any soultions for this i would REALLY appreciate it

Also when i just tested the page in opera, the table element seams to have a random padding, that doesn't belong to the tables padding (which is set to 0) and doing table * { margin: 0;} (aka setting all the child elementss margins to zero) doesn't get rid of it either. I've got a feeling that this bug maybe my fault, and i havn't spent that long debuging it

Anyway, you can see my code here

Surely there's a better way to structure the site than that?
What are you trying to do btw? I'll see if I can think of a better way to do it.