Easy question regarding group layouts Options

[MajinShenron]

http://groups.myspace.com/index.cfm?fuseac...oupID=107945627

The code works perfectly on Firefox but not on Internet Explorer. Is there a way to make it compatible?

I would greatly appreciate if anyone could help me, here is my code:

CODE

<style>body{background-color:BLACK; background-image:url("http://i37.tinypic.com/a9qsqs.jpg"); background-attachment: fixed;background-position:center; background-repeat:no-repeat;} table, tr, tbody, td, div {background-color:transparent;}table table table{background-color:transparent;border:0;}table table table table{background-color:BLACK;border:2px solid WHITE;} table table table table table{border:1px solid WHITE;}div table td font {visibility:hidden;}div table table td font {visibility:visible;}td div strong font, p font strong {font-family:garamond; font-size: 12pt; color:WHITE;}td b font {font-family:garamond; font-size: 12pt; color:WHITE;}table, td, td b, div {font-family:garamond; font-size: 12pt; color:WHITE;}font {font-family:garamond;} a.navbar:link, a.navbar:visited {color:WHITE; font-weight:bold;}a.navbar:hover {color:RED;font-weight:bold;}b a:link b, b a:visited b {color:WHITE;font-family:garamond;}b a:hover b {color:RED;font-family:garamond; font-size: 12pt;}a:link, a:visited {color:WHITE;font-family:garamond; font-size: 12pt;}a:hover{color:RED;font-family:garamond; font-size: 12pt;}td b font {color:WHITE;font-weight:bold;} div {visibility:hidden;}table, table div {visibility:visible!important;} .layout {position:absolute; top:120px; left:50%; margin-left:-400px; _margin-left:-398px; width:803px; height:700px; border:2px solid white; background-color:black; padding:4px; z-index:1;} html*.main{width:815px; height:1097px;} .credits {position:absolute; top:1175px; left:50%; margin-left:-400px; _margin-left:-398px; width:803px; height:34px; border:0px solid white; text-align: center; background-color:transparent; padding:4px; z-index:1;} html*.credits{width:815px; height:47px;} .main {position:absolute; top:493px; left:50%; margin-left:-374px; _margin-left:-372px; width:750px; height:300px; border:0px solid white; text-align: left; overflow: auto; background-color:transparent; padding:4px; z-index:1;} html*.text{width:330px; height:684px;} .video {position:absolute; top:490px; left:50%; margin-left: -35px; _margin-left:-33px; width:200px; height:280px; border:0px solid white; background-color:transparent; padding:4px; z-index:1;} html*.video{width:212px; height:292px;} .name {position:absolute; top:145px; left:50%; margin-left:-65px; _margin-left:-63px; width:460px; height:40px; border:0px solid white; text-align: right; background-color:transparent; padding:4px; z-index:1;} html*.name{width:472px; height:52px;}
</style>


**HERE IS WHERE YOU HIT ENTER A BUNCH OF TIMES SO YOU CAN GET THE EXACT LENGTH OF THE LAYOUT CORRECT TO WHERE YOU CAN SEE AT LEAST THE TOPICS AND BULLETINS.**

**THIS WILL NOT BE SEEN SINCE IT WILL BE UNDER THE DIV**

**YOU MUST MONITOR YOUR GROUP TO MAKE SURE ANYTHING ELSE SHOWS FROM UNDER THE LAYOUT**

<div class="layout"><map name="FPMap0"><area href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" shape="rect" coords="21, 333, 98, 361" /><area href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tLw==" shape="rect" coords="107, 334, 253, 361" /><area href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5qb2lu
mdyb3VwSUQ9MTA3MTAzMDk4" shape="rect" coords="265, 334, 324, 361" /><area href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5yZXNp
24mZ3JvdXBJRD0xMDcxMDMwOTg=" shape="rect" coords="335, 334, 423, 361" /><area href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy52aWV3
WVtYmVycyZncm91cElEPTEwNzEwMzA5OA==" shape="rect" coords="434, 333, 551, 361" /><area href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5ncm91
EltYWdlcyZncm91cElEPTEwNzEwMzA5OA==" shape="rect" coords="562, 335, 673, 361" /><area href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5wcml2
WN5Jmdyb3VwSUQ9MTA3MTAzMDk4" shape="rect" coords="686, 335, 783, 361" /></map><img src="http://i34.tinypic.com/2193yu0.jpg" border="0" /><area href="http://www.myspace.com/emarie_layouts" shape="rect" coords="408, 165, 566, 181" /></map></div>


<div class="main">
<Center><a href='http://groups.myspace.com/index.cfm?fuseaction=groups.join&groupID=107945627&groupName=Gang%20War&adTopicID=1&Mytoken=E77BCB5B-76FB-46E9-B93B3D8E039F8682190285515'><img src='http://h.imagehost.org/0590/groupjoin.jpg' border='0' alt='Image Hosted by ImageShack.us' /></a><br />

<a href='http://forum.myspace.com/index.cfm?fuseaction=messageboard.viewThread&entryID=74635411&categoryID=0&IsSticky=0&groupID=107945627&Mytoken=FB40924D-46D5-473F-843C6429CA2DC32F188831581'><img src='http://h.imagehost.org/0406/plot.jpg' border='0' /></a><br />

<a href='http://forum.myspace.com/index.cfm?fuseaction=messageboard.viewThread&entryID=74635415&categoryID=0&IsSticky=0&groupID=107945627&Mytoken=BAC85BD9-CB97-4677-BFCBEF0F154595DB188203228'><img src='http://h.imagehost.org/0702/storylinejoin.jpg' border='0' alt='Image Hosted by ImageShack.us' /></a><br />

<a href='http://forum.myspace.com/index.cfm?fuseaction=messageboard.viewCategory&groupID=107945627&Mytoken=F11AC91C-3A7D-421F-811B744C7C8FDD5F54668343'><img src='http://h.imagehost.org/0108/topicsview.jpg' border='0' alt='Image Hosted by ImageShack.us' /></a><br />

<a href='http://forum.myspace.com/index.cfm?fuseaction=messageboard.viewThread&entryID=74635400&groupID=107945627&adTopicID=1&Mytoken=D25827F0-BA86-4E43-B610AD8451D70CF7195152278'><img src='http://h.imagehost.org/0906/rulesgang.jpg' border='0' alt='Image Hosted by ImageShack.us' /></a><br /></Center>


</div></style>

Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike

[Mickey]

You have separate codes for IE and FF concerning dimensions, and your height values don't match up. Replace your codes with this:

CODE

<style>body{background-color:BLACK; background-image:url("http://i37.tinypic.com/a9qsqs.jpg"); background-attachment: fixed;background-position:center; background-repeat:no-repeat;} table, tr, tbody, td, div {background-color:transparent;}table table table{background-color:transparent;border:0;}table table table table{background-color:BLACK;border:2px solid WHITE;} table table table table table{border:1px solid WHITE;}div table td font {visibility:hidden;}div table table td font {visibility:visible;}td div strong font, p font strong {font-family:garamond; font-size: 12pt; color:WHITE;}td b font {font-family:garamond; font-size: 12pt; color:WHITE;}table, td, td b, div {font-family:garamond; font-size: 12pt; color:WHITE;}font {font-family:garamond;} a.navbar:link, a.navbar:visited {color:WHITE; font-weight:bold;}a.navbar:hover {color:RED;font-weight:bold;}b a:link b, b a:visited b {color:WHITE;font-family:garamond;}b a:hover b {color:RED;font-family:garamond; font-size: 12pt;}a:link, a:visited {color:WHITE;font-family:garamond; font-size: 12pt;}a:hover{color:RED;font-family:garamond; font-size: 12pt;}td b font {color:WHITE;font-weight:bold;} div {visibility:hidden;}table, table div {visibility:visible!important;} .layout {position:absolute; top:120px; left:50%; margin-left:-400px; _margin-left:-398px; width:803px; height:700px; border:2px solid white; background-color:black; padding:4px; z-index:1;} .credits {position:absolute; top:1175px; left:50%; margin-left:-400px; _margin-left:-398px; width:803px; height:34px; border:0px solid white; text-align: center; background-color:transparent; padding:4px; z-index:1;} html*.credits{width:815px; height:34px;} html*.main{width:750px; height:300px; overflow:auto;} .main {position:absolute; top:493px; left:50%; margin-left:-374px; _margin-left:-372px; width:750px; height:300px; border:0px solid white; text-align: left; overflow: auto; background-color:transparent; padding:4px; z-index:1;} .video {position:absolute; top:490px; left:50%; margin-left: -35px; _margin-left:-33px; width:200px; height:280px; border:0px solid white; background-color:transparent; padding:4px; z-index:1;} html*.video{width:212px; height:280px;} .name {position:absolute; top:145px; left:50%; margin-left:-65px; _margin-left:-63px; width:460px; height:40px; border:0px solid white; text-align: right; background-color:transparent; padding:4px; z-index:1;} html*.name{width:472px; height:40px;}
</style>

















<div class="layout"><map name="FPMap0"><area href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" shape="rect" coords="21, 333, 98, 361" /><area href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tLw==" shape="rect" coords="107, 334, 253, 361" /><area href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5qb2lu
mdyb3VwSUQ9MTA3MTAzMDk4" shape="rect" coords="265, 334, 324, 361" /><area href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5yZXNp
24mZ3JvdXBJRD0xMDcxMDMwOTg=" shape="rect" coords="335, 334, 423, 361" /><area href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy52aWV3
WVtYmVycyZncm91cElEPTEwNzEwMzA5OA==" shape="rect" coords="434, 333, 551, 361" /><area href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5ncm91
EltYWdlcyZncm91cElEPTEwNzEwMzA5OA==" shape="rect" coords="562, 335, 673, 361" /><area href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5wcml2
WN5Jmdyb3VwSUQ9MTA3MTAzMDk4" shape="rect" coords="686, 335, 783, 361" /></map><img src="http://i34.tinypic.com/2193yu0.jpg" border="0" /><area href="http://www.myspace.com/emarie_layouts" shape="rect" coords="408, 165, 566, 181" /></map></div>


<div class="main">
<center><a href='http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5qb2lu
mdyb3VwSUQ9MTA3OTQ1NjI3Jmdyb3VwTmFtZT1HYW5nJTIwV2FyJmFkVG9waWNJRD0xJk15dG9rZW49R
c3QkNCNUItNzZGQi00NkU5LUI5M0IzRDhFMDM5Rjg2ODIxOTAyODU1MTU='><img src='http://h.imagehost.org/0590/groupjoin.jpg' border='0' alt='Image Hosted by ImageShack.us' /></a><br />

<a href='http://www.msplinks.com/MDFodHRwOi8vZm9ydW0ubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249bWVzc2FnZWJvYXJk
nZpZXdUaHJlYWQmZW50cnlJRD03NDYzNTQxMSZjYXRlZ29yeUlEPTAmSXNTdGlja3k9MCZncm91cElEP
EwNzk0NTYyNyZNeXRva2VuPUZCNDA5MjRELTQ2RDUtNDczRi04NDNDNjQyOUNBMkRDMzJGMTg4ODMxNT
x'><img src='http://h.imagehost.org/0406/plot.jpg' border='0' /></a><br />

<a href='http://www.msplinks.com/MDFodHRwOi8vZm9ydW0ubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249bWVzc2FnZWJvYXJk
nZpZXdUaHJlYWQmZW50cnlJRD03NDYzNTQxNSZjYXRlZ29yeUlEPTAmSXNTdGlja3k9MCZncm91cElEP
EwNzk0NTYyNyZNeXRva2VuPUJBQzg1QkQ5LUNCOTctNDY3Ny1CRkNCRUYwRjE1NDU5NURCMTg4MjAzMj
4'><img src='http://h.imagehost.org/0702/storylinejoin.jpg' border='0' alt='Image Hosted by ImageShack.us' /></a><br />

<a href='http://www.msplinks.com/MDFodHRwOi8vZm9ydW0ubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249bWVzc2FnZWJvYXJk
nZpZXdDYXRlZ29yeSZncm91cElEPTEwNzk0NTYyNyZNeXRva2VuPUYxMUFDOTFDLTNBN0QtNDIxRi04M
FCNzQ0QzdDOEZERDVGNTQ2NjgzNDM='><img src='http://h.imagehost.org/0108/topicsview.jpg' border='0' alt='Image Hosted by ImageShack.us' /></a><br />

<a href='http://www.msplinks.com/MDFodHRwOi8vZm9ydW0ubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249bWVzc2FnZWJvYXJk
nZpZXdUaHJlYWQmZW50cnlJRD03NDYzNTQwMCZncm91cElEPTEwNzk0NTYyNyZhZFRvcGljSUQ9MSZNe
Rva2VuPUQyNTgyN0YwLUJBODYtNEU0My1CNjEwQUQ4NDUxRDcwQ0Y3MTk1MTUyMjc4'><img src='http://h.imagehost.org/0906/rulesgang.jpg' border='0' alt='Image Hosted by ImageShack.us' /></a><br /></center>
</div>

That should help.