Hi All
i am having a bit of trouble with positioning my right arrow underneath the playlist menu on this page its appearing over the official top 40 chart header instead of after the playlist menu?
my css is
any help appreciated!
i am having a bit of trouble with positioning my right arrow underneath the playlist menu on this page its appearing over the official top 40 chart header instead of after the playlist menu?
my css is
Code:
#playlist_wrap { width:498px; padding-left:20px; background:#f5fbfb url(/images/flowplayer/h150.png) repeat-x; } #pl { height:60px; width:437px; position:relative; overflow:hidden; margin-right:6px; margin-left:6px; } .entries { height:60px; } .page { width:480px; float:left; } .entries a { color:#666; float:left; font-family:"bitstream vera sans","lucida grande","verdana"; font-size:10px; height:50px; margin:0px 3px; padding:5px; text-decoration:none; width:93px; background-image: url("/images/flowplayer/entry.png"); background-position:-1px 0; } .entries a:hover { background-position:-106px 0; color:#000; } .entries .playing { background-position:-210px 0; color:#000; } .entries .paused { background-position:-316px 0; color:#000; } .entries .progress { opacity:0.8; } .entries em { float:right; margin-top:15px; color:red; font-style:normal; } .next, .prev { display:block; width:18px; height:18px; background:url(/images/flowplayer/left.png) no-repeat; margin-top:23px; cursor:pointer; float:left; clear:both; } .next:hover, .prev:hover { background-position:0px -18px; } .next { background-image:url(/images/flowplayer/right.png); } .next.disabled, .prev.disabled { visibility:hidden; } a.player { display:block; width:520px; height:320px; text-align:center; color:#fff; text-decoration:none; cursor:pointer; background:#000 url(/images/flowplayer/h500.png) repeat-x 0 0; background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898)); } a.player:hover { background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898)); } /* splash image */ a.player img { margin-top:125px; border:0; } #player { margin:0; }