Tables in divs and positioning peril... help!

[gforce]

i'm doin the html/css for a web project and i'm having some trouble now that the back end programmers are adding dynamic data... at least that's what i'm being told.

there seem to be two major issues and i really could use an expert opinion:

here's the page: http://72.3.133.233/corporateWeb/beta/template6.aspx

and the css: http://72.3.133.233/corporateWeb/bet..._master003.css

issues:
1) tables inside the divs look fine in the editor, but render about 100px below where it should. i added a -100px top-margin and now it looks correct in IE, NS and Firefox, but Firefox renders six (6) <br />'s between the div and the start of the table and i can't figure out why?¿?

2) as a fix i added a -100px margin for tables in the div (in the css 499-505) and now that it looks correct in IE, NS, Firefox, the page intermittently crashes IE, but no problem with Firefox or NS.

i'm using dreamweaver and for all i know the whole layout could be causing the problem... im hoping someone here can analyze the page and css and tell me what the hell i'm doing wrong here... please!

i'm always trying to read up and learn new techniques, but this is the first css based site i've done so i'm somewhat green... any help at all will be greatly appreciated.

thanks,

~g

[gforce]

update: after closer review i was successful at diagnosing and resolving the table positioning problem; the markup of table had errors.

the problem was placement of <br>'s in-between table elements. in standard table based page layouts this will not likely pose any obvious layout problems, but with a css based layout it will, so just be mindful to insert properly coded data and everything lines up as it should.

after correcting the table code there are no positioning errors.

1) correct
...any text here<br></p>
</td>
</tr>

2) incorrect

...any text here</p>
</td><br>
</tr>
<tr>
<td><p>...any text here</p>