No replies
nscavezze
Offline
newbie
Last seen: 13 years 46 weeks ago
Joined: 2009-03-20
Posts: 1
Points: 0

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

AttachmentSize
ff.gif13.75 KB
ie6.gif11.68 KB