Sat, 2009-03-21 00:06
Here is the HTML
<div id='section-header-landing' class='grants'> <ul id='grant-stories'> <li class='grants-first' style="background: url('/attachments/0000/0252/block_lrg_programs_expcov.png') no-repeat;"> <h1>Expand Coverage fsdafd</h1> <h2 ><b></b></h2> <p>Striving to expand health coverage first and foremost to people who are the most vulnerable and disadvantaged, including children and low-income working families, and ultimately to all Coloradans.</p> <span id='story-banner-span'></span> </li><li class='grants-clicked' id='slide1' style="background: url('/images/page_headers/e759c8.png') repeat-x;"> <h1>Expand Coverage fsdafd</h1> <h2 class='grantee-image png'><b id='bnav1'>A Common Sense Approach to Preventing Illness</b></h2> <p>Wray Community Hospital Reaching out to schools, Wray Community Hospital is proving that an ounce of prevention goes a long way toward keeping kids healthy.</p> <p><a class='more png' href='/news/grantee-stories/show-grantee-story?id=7'>MORE</a></p></li><li class='grants-clicked' id='slide2' style="background: url('/images/page_headers/e759c8.png') repeat-x;"> <h1>Expand Coverage fsdafd</h1> <h2 class='grantee-image png'><b id='bnav2'>Expanding Outreach and Enrollment for Children</b></h2> <p>Leslie Rangel, 9, had been to doctors before, back when her dad had health insurance through his construction jobs. But now, like so many families struggling in hard times, the Rangels had lost their insurance, and Leslie was living with the pain. <p><a class='more png' href='/news/grantee-stories/show-grantee-story?id=3'>MORE</a></p><div class='grants-media' title='/attachments/0000/0034/Hatschifanta.flv'><div> <div id='media2'></div> </div></div></li><li class='grants-clicked' id='slide3' style="background: url('/images/page_headers/e759c8.png') repeat-x;"> <h1>Expand Coverage fsdafd</h1> <h2 class='grantee-image png'><b id='bnav3'>Health Professions Workforce Collaborative</b></h2> <p>For Janice Slade, having a good doctor is a life and death matter. Twelve years ago, Slade, 70, had a liver transplant because her own liver was failing. Then, the medication she had to take after the transplant caused her to get a rare cancer cal <p><a class='more png' href='/news/grantee-stories/show-grantee-story?id=5'>MORE</a></p></li><li class='grants-clicked' id='slide4' style="background: url('/images/page_headers/e759c8.png') repeat-x;"> <h1>Expand Coverage fsdafd</h1> <h2 class='grantee-image png'><b id='bnav4'>Youth Fitness and Team-building</b></h2> Rocky Mountain Youth Corps Young people who build trails in Colorado’s forests and national parks learn about the importance of physical fitness and how to be part of a team. <p><a class='more png' href='/news/grantee-stories/show-grantee-story?id=16'>MORE</a></p><div class='grants-media' title='/attachments/0000/2171/Godan_Test.flv'><div> <div id='media4'></div> </div></div></li></ul> <div id='bottom-title'> <h2 class='png'>GRANTEE STORIES</h2> <ul id='grants-nav'> </ul> </div> </div><!-- End section-header-landing -->
Here is the CSS
/******* Grants Page *************/ .grants-media{ position: absolute; top: 0; right: 0; padding-top: 25px; width: 265px; height: 256px; background-color: white; } #content #section-header-landing #bottom-title #grants-nav{ border: solid black 1px; background-color: red; height: 60px; margin: 3px 0 0 0; } #grant-stories{ padding: 0; margin: 0; height: 110px!important; } #grant-stories li { padding-top: 45px; width: 685px; height: 209px; } #content #section-header-landing #bottom-title #grants-nav li{ background-color: green; margin: 0 5px 0 0; padding: 2px 2px 2px 2px; float: left; } #content #section-header-landing #bottom-title{ border: solid black 1px; background-color:blue; position: absolute; height: 60px; width: 655px; z-index: 9; top: 350px; } #section-header-landing #bottom-title h2{ font-size: 10px; letter-spacing: 2px; line-height: 12px; padding: 0 0 2px 0; margin: 0 0 2px 0; background: url(../../images/page_headers/header-div.png) no-repeat bottom left } #section-header-landing #bottom-title img { padding: 0; } #section-header-landing { line-height: 20px; } .top-header{ padding: 0; margin: 0; position: absolute; top: 80px; left: 29px; z-index: 9; } #grants-nav a{ padding: 0 6px 0 6px; font-size: 10px; display: block; color: #ffffff; display: inline-block; }
Any help would be great
The top image is in ff
blue is div red is ul green is li
The second is in IE6
Attachment | Size |
---|---|
ff.gif | 13.75 KB |
ie6.gif | 11.68 KB |