help with slideshow on div layout Options

[el_stevo]

HI guys, I have decide to learn how to do layouts properly but having trouble with one thing at the mo,
In Ie the slideshow shows in the right position but in FF it doesnt here is my page
www.myspace.com/stetestpage

CODE

here is my code for the divs
the first is in band bio for the pictures box
.div6 {
background-color: transparent;
background-image: url(http://img71.imageshack.us/img71/3764/picsboxzu5.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
position: absolute;
left: 50%;
margin-left: -450px;
top: 750px;
height: 232px;
width: 215px;
overflow: auto;
z-index: 1;
}

and here is the code for the slideshow which is in influences

CODE

<div class="div5" style="position: absolute;
left: 50%;
margin-left: -430px;
top: 785px;
width:171px; height:179px; overflow: auto; z-index:2;">
<object enableJSURL="false" enableHREF="false" saveEmbedTags="true" allowScriptAccess="never" allownetworking="internal" type="application/x-shockwave-flash" allowScriptAccess="never" allownetworking="internal" height="179px" width="171px" data="http://apps.rockyou.com/rockyou.swf?instanceid=70073976&ver=102906">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://apps.rockyou.com/rockyou.swf?instanceid=70073976&ver=102906" />
</object>
</div>

any help will be appreciated thanks :)

[FoxLucky]

"Margin" in front of top or left will cause it to misalign in different browsers. Just use {top:100px; left:500px;}