I am creating a single column fluid layout and have run into an issue when positioning the images I display via Mike Alsup's cycle plugin. I dynamically load a "content" DIV with three other DIVs, one of which is controlled by the cycle plugin. The other two DIVs are positioned as expected, however the DIV that cycle is handling has positioning CSS added to it inline that is pulling it out of my page flow. (When I disable the cycle code the single image I load first displays as expected.) Here is the code from that particular DIV: [start code]
<div id="content"> <div style="position: relative;" id="featuredImage"> <img style="position: absolute; top: 0px; left: 0px; display: block; z-index: 5; opacity: 1;" src="/images/riverShotWithFisherman.jpg" alt="River scene with fisherman"> <img style="position: absolute; top: 0px; left: 0px; display: none; z-index: 4; opacity: 0;" src="/images/3BuiltNReady2.jpg"> <img style="position: absolute; top: 0px; left: 0px; display: none; z-index: 3; opacity: 0;" src="/images/waterfall2009.jpg"> <img style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0;" src="/images/FCBlueTrain.jpg"> <img style="position: absolute; top: 0px; left: 0px; display: none; z-index: 1; opacity: 0;" src="/images/FCFallTrain.jpg"> </div> <div id="fp"> <img src="/images/fp.gif" alt="Featured Product"> </div> <div id="totm"> <img src="/images/totm.gif" alt="Tip of the Month"> </div> <p id="blurb"> Company Info </p> </div> [end code] How do I eliminate or override the "position: absolute;" being injected into the img tag, as that appears to be the culprit? I tried applying other CSS to the content wrapper DIV, but to no avail. Sorry I can't post a link, as the page is currently on my intranet beta server. Thanks, Laker
