HTML Question

[GoldenEagle]

I am doing some tables in HTML for a website I am working on and I am running into some cross-browser issues. I have a table inside of a table. Here is what I have right now, in the "parent" table:

<table style="width: 750px; border-collapse: collapse; padding: 0px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; padding: 0px;" id="table2">

This makes the margins look fine in IE6. However, it ignores the left margin in FF.

If I do this:

<table style="width: 100%; margin-bottom: 10px; margin-left: 10px; margin-right: 10px;" id="table3">

It works fine in FF but breaks in IE6. Does anyone know what the issue is?

[GoldenEagle]

Suck. I forgot that the browser woud read this and it somehow I messed up me edit button so I can not edit the topic. Here is the HTMl without the tags:

table style="width: 750px; border-collapse: collapse; padding: 0px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; padding: 0px;" id="table2"

This works fine in IE, ignores the left margin in FF.

table style="width: 100% margin-bottom: 10px; margin-left: 10px; margin-right: 10px;" id="table3"

That works fine in FF, busts in IE.

[3ric]

Looks like you need a hack to get around the problem:
http://www.sitepoint.com/article/browser-specific-css-hacks