Aqua-Soft ForumsHi everyone. I'm working on customizing my Myspace profile, and have come across a hangup. I have a floating table that I'm trying to line up with the pre-existing Myspace table underneath. The way I am doing this is via CSS:
.main{
position:absolute;
left:50%;
top:125px;
width:800px;
z-index:1;
margin-left:-400px;}
Basically I'm shifting the left edge of the floating table all the way to the middle of the page, then moving it 400px to the left to line it up correctly. In Firefox, it renders flawlessly. However, Safari shifts it 404px to the left for some reason, and IE shifts it over even more than that. Does anyone know of a solution that I could use to get this to render correctly in all three browsers, or is this a bug in Safari/IE?
If you'd like to see the issue yourself, my page is at http://myspace.com/sttop_mada
The browsers I'm using to test are Firefox 1.5, Safari 2.0, and IE 6 (SP2 Version). Thanks in advance for any help!
-godpunk