CSS Positioning of Status, Firefox vs IE vs Safari Options

[kaje103]

This was being discussed in another thread that was unrelated so I was hoping it'd get some attention in a thread title relevant.

http://www.myspace.com/kwjohns

Some questions about my status and positioning problems I'm having:

1. "position: absolute" is keeping it fixed in IE but not in Firefox or Safari. It'll move in these two browsers depending on the browser size.

2. "text-align: left" isn't aligning the text in any of the browsers. It is centered in all of them.

3. The vertical position of it is different in all three browsers. However, I have used a tip another poster informed me of by using "_top:" to fix the vertical position for IE but Firefox and Safari are still different from one another.


Here's the code I currently have for it:

CODE

<style>
table.extendedNetwork {display:block !important;
visibility:visible !important;
position:absolute !important; top:145px; _top:125px; left:50%; margin-left:-240px; text-align:left !important;}
</style>

[kaje103]

I have solved #2. text-align must be within a td and not the table itself.

Alright I figured out #1. Only problem left is the difference in the vertical position from Firefox and Safari.

My code is now:

<style>
table.extendedNetwork {display:block !important;
visibility:visible !important;
position:absolute !important; top:145px; _top:125px; left:300px; margin-left:-240px; margin:0; padding:0px 0px 0px 0px;}
table.extendedNetwork td {text-align:left;}
</style>