No replies
Last seen: 13 years 6 weeks ago
Joined: 2006-11-30
Posts: 6
Points: 0


I have a DIV which has a Flash object in it, and I have an image also located within this DIV. I want to place the image above the Flash object and position it relative to the actually position of the DIV on the page. Now I can do this perfectly when i'm using position:absolute on the image, but this doesn't help if the position of the DIV changes. I've tried position: relative but this doesn't seem to work. Can anyone help? Thanks

.flashplayer {
width: 705px;
height: 373px;
position: absolute;
left: 50%;
margin-left: -352px;
top: 320px;
.buynow {
position: absolute;
left: 50%;
margin-left: 252px;
top: 668px;
width: 67px;
height: 19px;
<div class="flashplayer">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="373" width="705" id="itunes" align="middle">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="" />
  <param name="wmode" value="transparent" />
  <param name="bgcolor" value="ffffff" />
  <param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="" height="373" width="705" id="itunes" align="middle" wmode="transparent" bgcolor="ffffff" quality="high" />
<p style="text-align: center;"><span style="font-size: xx-small;">By ordering from you are agreeing with the <a href="">Terms of Use</a> and the <a href="">Licenses</a> agreement.</span></p>
<p align="center"><strong>The above player was created by TruBeats, if you would like to know how to get your hands on a similar custom designed player, please email <a href="mailto:[email protected]"></a>.</strong></p>
<div class="buynow">
<a href=""><img src="" /></a>