No replies
ashtraygrrl
Offline
newbie
Last seen: 13 years 28 weeks ago
Joined: 2009-03-15
Posts: 1
Points: 0

I'm having problems with the dreaded IE6 float drop bug on a 100% fluid layout, when viewed in a small browser window.

The content of the page drops below the menu, making the page appear blank when the browser is scaled down in IE6. In all other browsers a horizontal scrollbar appears at small screen sizes to deal with this.

I have done countless Google searches and none of the CSS based solutions suggested have worked. For accessibility reasons I am not allowed to use Javascript on this project, and unfortunately I have to cater to IE6 as a large number of visitors to the website will be using it.

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
 
<head>
 
<title>title</title> 
 
 
<link rel="stylesheet" type="text/css" href="test.css">
</head>
 
<body>
 
 
<div id="top">
<div id="header">
<div id="logo">
<ul id="quicklinks">
<li><a href="#content" class="content-link" title="skip to content">Content</a></li>
<li><a href="/">[NavLink1]</a></li>
<li><a href="/">[NavLink2]</a></li>
<li><a href="/">[NavLink3]</a></li>
<li><a href="/">[NavLink4]</a></li>
<li><a href="/">[NavLink5]</a></li>
</ul>
</div><!-- #logo -->
<div id="branding">
<div id="masthead">
<div id="mastheadlogo">
</div><!-- #branding -->
</div><!-- #masthead -->
</div><!-- #mastheadlogo -->
</div><!-- #header -->
<div id="wrapper">
 
<div id="breadcrumb">
 
<ul>
<li><strong>You are in:</strong> [Breadcrumb1]</li>
<li>[Breadcrumb2]</li>
<li>[Breadcrumb3]</li>
</ul>
 
</div><!-- #breadcrumb -->
 
<div id="navigation">	
 
<ul id="toplevelnav">
<li><a href="/"><[NavItem1]</a></li>
<li><a href="/">[NavItem2]</a></li>
<li><a href="/">[NavItem3]</a></li>
<li><a href="/">[NavItem4]</a></li>
<li><a href="/">[NavItem5]</a></li>
<li><a href="/">[NavItem6]</a></li>
<li><a href="/">[NavItem7]</a></li>
<li><a href="/">[NavItem8]</a></li>
</ul>
 
<div id="mainnav">
 
<ul>
<li><a title='lorem ipsum' href='/'>[MenuItem1]</a></li>
<li><a title='lorem ipsum' href='/'>[MenuItem2]</a></li>
 
<li><a title='lorem ipsum' href='/'>[MenuItem3]</a>
<ul class="submenu">
<li><a title='lorem ipsum' href='/'>[MenuItem3c]</a></li>
</ul></li>
 
<li><a title='lorem ipsum' href='/'>[MenuItem4]</a></li>
<li><a title='lorem ipsum' href='/'>[MenuItem5]</a></li>
<li><a title='lorem ipsum' href='/'>[MenuItem6]</a></li>
 
</ul>
 
</div><!-- #mainnav -->
 
</div><!-- #navigation -->
 
 
<div id="content">
 
<div class="standardimage">              
 
<img src='blob.jpg' alt='Cycling' width='550' height='77'>
 
</div><!-- standardimage -->
 
 
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur justo libero, dignissim eget, sodales at, sagittis quis, lacus. Mauris hendrerit risus vitae sapien. Morbi condimentum, tortor nec posuere pharetra, mauris nibh molestie tellus, at auctor sem elit a nunc. Etiam viverra. Maecenas dui arcu, accumsan et, consequat eget, venenatis quis, justo. Proin in justo. Donec gravida, odio ac egestas suscipit, arcu magna sollicitudin ligula, in malesuada massa justo vel mi. Morbi sagittis est eu ligula. Nullam ac erat non velit sagittis bibendum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam rhoncus, diam eu aliquet ultricies, ipsum risus vulputate magna, in porta tellus erat gravida nulla. Nullam viverra nulla a mi. 
</p>
<p>
In condimentum consequat nulla. Nullam urna est, condimentum vitae, iaculis quis, aliquet nec, orci. Nulla facilisi. Curabitur commodo purus vel tellus. Duis hendrerit ligula non odio. Morbi pellentesque lorem in risus. Nam pharetra leo vel nulla. Nam nec sapien tincidunt est suscipit tempor. Fusce nisl risus, viverra et, elementum et, tincidunt quis, felis. Phasellus sit amet nunc. Phasellus tortor tellus, volutpat quis, adipiscing id, viverra eu, nibh. Phasellus adipiscing semper ipsum. Praesent blandit, mauris vel egestas pellentesque, mi dui laoreet purus, cursus dictum felis leo eu magna. Nulla facilisi. 
</p>
<p>
Vivamus justo tortor, rutrum eget, auctor in, consectetur sit amet, urna. Praesent aliquam, velit ut facilisis aliquet, neque nisl lacinia sem, ac fringilla ante elit eu velit. Mauris euismod felis at dolor. Nulla vestibulum consectetur elit. Praesent nec ipsum. Suspendisse orci. Donec eros purus, lobortis eget, ultricies sit amet, iaculis tristique, justo. Sed convallis, ipsum ut pretium laoreet, dui justo lacinia est, vitae tincidunt orci metus et leo. Nunc suscipit. Curabitur accumsan metus et urna. Etiam auctor dictum lectus. Aliquam id nisl a elit rutrum facilisis. Phasellus arcu. Quisque molestie tincidunt nibh. Nunc tempor est eget elit. Nunc ut lectus. Maecenas facilisis. Sed luctus mollis metus. 
</p>
<p>
Phasellus varius scelerisque dui. Aliquam erat volutpat. Fusce nec erat. Nulla eget turpis vel nisi tincidunt malesuada. Sed accumsan neque ac tortor vulputate aliquet. Integer leo ipsum, sodales eu, feugiat id, luctus ac, magna. Sed massa nisl, imperdiet vitae, fermentum quis, dignissim ac, velit. Nunc libero urna, auctor non, porta sit amet, pellentesque ut, elit. Quisque non ligula. Morbi ligula mi, tincidunt non, scelerisque ut, bibendum eu, est. Nunc metus ante, consectetur a, adipiscing quis, eleifend et, erat. Pellentesque sit amet mauris. In hac habitasse platea dictumst. 
</p>
<p>
Nullam a mauris. Suspendisse ligula arcu, accumsan nec, placerat eget, vestibulum vel, erat. Phasellus tincidunt vehicula enim. Morbi faucibus. Aenean diam felis, faucibus in, placerat vitae, vulputate a, felis. Vestibulum pellentesque, erat ac posuere eleifend, nulla libero sodales metus, ut cursus mauris eros nec ligula. Cras mollis turpis eget sapien. Cras vel enim at arcu vehicula tempor. Vivamus nec est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quam nisi, consequat tempus, posuere ac, laoreet sed, tortor. Donec rhoncus, purus ultrices accumsan semper, risus nisl tempor massa, sit amet mattis sapien est sit amet metus. In lacinia. Etiam dolor. Suspendisse urna lacus, varius sed, aliquam rhoncus, venenatis vitae, nulla. Morbi eu elit. 
</p>
</div>
<div id="footer"><!-- #content  -->
<ul id="footerlinks">
<li><a href="#mainnav" class="menu-link" title="skip to menu">Menu</a></li>
<li><a href="/">[FooterLink1]</a></li>
<li><a href="/">[FooterLink2]</a></li>
<li><a href="/">[FooterLink3]</a></li>
</ul>
 
<address class="vcard">[footer address]</address>
 
<p id="fetched">Fetched from [page URL] on [date and time fetched].</p>
 
<div id="footerbutton">
<a href="#top" title="Top of this Page">Top</a>
</div> <!-- #footerbutton -->
 
</div><!-- #footer  -->
</div><!-- #wrapper  -->
 
 
</div><!-- #top -->
 
</body>
</html>

CSS:

/*body styles 
----------------------------------------------------------------------------------------------------*/
 
 
body
 	{
	font-family: Arial, Helvetica, sans-serif;
 
 
	}
 
 
/*logo and quick links 
----------------------------------------------------------------------------------------------------*/
#header 
	{
	width:100%;
	margin: 0 0 0 0;
	background-color: #6C6C6C;
	color:#000000;
	border: none;
	font-size:90%;
	height: 0.01em;
	}
 
 
/*container for entire content
-----------------------------------------------------------------------------------------------------*/
#top
	{
	background-color:#FFFFFF;
	color:#000000;
 
	}
 
/* logo */
#logo img 
	{
	background-color: #0C446E;
	}
 
#logo  
	{
	vertical-align:middle;
	background-color: #6C6C6C;
	width: 100%;
	}
 
 
/* Top quick links, A-Z etc */
#quicklinks
	{
	float: left;
	margin: 0;
	padding: 0.2em 0 0.2em 0;
	list-style: none;
	width: 100%;
	background-color: #6C6C6C;
	}
 
#quicklinks li 
	{
	float: right;
	}
 
#quicklinks a 
	{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #6C6C6C;
	}
 
#quicklinks a:hover
	{
	color:#CCCCCC;
	background-color: #6C6C6C;
	}
 
 
/*Masthead, highest level menu links and breadcrumb trail
----------------------------------------------------------------------------------------------------*/
/* Highest level menu links */
/* Highest level menu links */
#navigation
	{
	width:15%;
	float:left;
	background-color:#EDEEF3;
	color:#000000;
	font-size:80%;
	margin-bottom: 0.3em;
	border-color:#FFFFFF;
	border-width: 0.1em;
	border-style: solid;	
	}
 
 
 
	#toplevelnav
	{
	color:#333333;
	background-color: #214D8D;
	font-weight: 500;
	list-style: none;
	padding-left: 0.1em;
	margin-left: 0;
	padding-top:0.2em;
	margin-top: 0;
	padding-bottom:0;
	margin-bottom:0;
	}
 
#toplevelnav li
	{
	padding:0.5em 0 0.5em 0.1em;
	line-height:1.3em;
	border-bottom: 1px solid #88BCD0;
	font-family: Verdana, Arial, Helvetica, sans-serif;	/*line-height:1.7em;*/
	font-size: 100%;
	font-weight:bold;
 
	}
 
 
#toplevelnav a
	{
	text-decoration:none;
	color:#FFFFFF;	/*line-height:1.7em;*/
	}
 
#toplevelnav a:hover
	{
	color:#D7EBFB;
	text-decoration: underline;
	}	
 
.topselected
	{
	font-weight:bold;
	}
 
.secondarynav
	{
	margin-left:-0.6em;
	padding-left:1.5em;
	padding-top:0.5em;
	list-style-type:none;
	background-color:#FFFFFF;
	color:#000000;
	font-weight:normal;
	}
 
#toplevelnav .secondarynav a
	{
	color:#000000;
	}
 
.lowernav
	{
	margin-left:-0.8em;
	padding-left:1.1em;
	padding-top:0.5em;
	list-style-type:none;
	padding-bottom:0;
	}
 
.current
	{
	font-weight:bold;
	color:#4A5180;
	border-top:thin;
	border-left:thin;
	border-color:#000000;
	}
 
.current li
{
font-weight:normal;
list-style-type:disc;
margin-left:0.1em;
}
 
 
 
#mainnav
	{
	float:none;
	color:#000000;
	background-position: top left;
	}
 
#mainnav ul
	{
	list-style:none;
	padding-left: 0.6em;
	margin-left: 0.1em;
 
	}
 
#mainnav li
	{
	padding-bottom:0.5em;	
	}
 
#mainnav ul a
	{
	text-decoration:none;
	color:#000000;
	}
 
#mainnav ul a:hover
	{
	color:#1FABE0	
	}
 
#mainnav .submenu
	{
	font-size:90%;
	padding-top:0.3em;
 
	text-indent:0.31em;
	list-style-position:outside;
	list-style-image:url(09_images/list_icon.png);
	}
 
 
	#mainnav .submenu li
	{
	text-indent:0.8em;
	}
 
 
 
/* Masthead */
#branding
	{	
	width:100%;
	float: right;
	margin-left:-0.4em;
	padding-right:0.2em;
	margin-right:-0.2em;
	margin-bottom: 0.1em;
	}
 
#masthead
	{
	float: left;
	background-image: url(09_images/branding_background2.png);
	background-position:left;
	background-repeat:repeat-y;
	width:100%;
	height: 90px;
	z-index: 1;
	}
 
#mastheadlogo
	{
	float: right;
	background-image: url(09_images/leisure.png);
	width:300px;
	height: 90px;
	margin-left:-0.2em;
	background-repeat:no-repeat;
	z-index: 2;
	}
 
.masthead-text
	{
	display: none;
	}
 
/* Breadcrumb trail*/
#breadcrumb
	{	
	float: left;
	color:#FFFFFF;
	margin: 0;
	padding: 0.1em 0 0.1em 0;
	list-style: none;
	width: 100%;
	background-color: #000000;
	margin-bottom:1.5em;
	clear:both;	
 
	}
 
 
 
 
#breadcrumb a
	{
	line-height: 1.1em;
	text-decoration:none;
	color:#FFFFFF;
	margin-left: 0.2em;
	background-color: #000000;
	}
 
#breadcrumb a:hover
	{
	color:#E2C6FF;
	background-color: #000000;	
	}
 
#breadcrumb ul
	{
	margin: 0;
	padding: 0;
	float:left;
	list-style:none;
	background-color: #000000;
	}
 
#breadcrumb li:first-child
	{
	border-left: none;
	padding-left: 0.5em;
	}
 
#breadcrumb ul li
	{
	float: left;
	border-left-style: solid;
	border-width: 0.1em;
	border-left-color: #CCCCCC;
	padding-left: 0.5em;
	padding-right: 0.5em;
	}
 
 
/*Main content area
----------------------------------------------------------------------------------------------------*/
#wrapper
	{
	width: 100%;
	}
 
#content
	{
	float:right;
	width: 79%;
	}
 
#content h1
	{
	font-size: 120%;
	color: #330033;
	background-color:#FFFFFF;
	}
 
#content h2
	{
	font-size: 105%;
	color: #990000;
	background-color:#FFFFFF;
	}
 
#content h3
	{
	font-size: 100%;
	color: #330033;
	background-color:#FFFFFF;
	}
 
#content h4
	{
	font-size: 100%;
	color: #330033;
	background-color:#FFFFFF;
	}
 
 
/*Default styles
----------------------------------------------------------------------------------------------------*/
.contentfields
	{
	font-weight:bold;
	}
 
#content img
	{
	margin: 0.2em;
	}
 
.strong 
	{
	font-weight: bold;
	}
 
.basictable
	{
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #000000;
	}
 
.basictable th, td
	{
	padding: 0.1em;
	text-align:left;
	border: 1px solid #000000;
	}
#contentright
{
	float:right;
	width:28%;
	}
 
#contentrightgeneral
	{
	background-color:#FFFFFF;
	color:#000000;
	float:right;
	/*margin-left: 4em;*/
	margin-top: 0.5em;
	width:100%;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 0.5em;
	list-style-type: none;
	clear:right;
	}
 
#contentrightgeneral img
	{
	float:left	
 
	}
#contentleft
	{
	float:left;
	width:69%;
	}
 
.clearboth
	{
	clear:both;
	}
 
#general
	{
	float:left;
	text-align: left;
	margin-top: 0.5em;		
 
	}
 
#content #general .contentsummary 
	{
	background-color:#DEEBE3; 
	margin:.5em; 
	padding:.5em
	}
 
#content #general .right 
	{
	float:left;
	width:30%;
	}
 
#content #general .left 
	{
	float:left;
	width:30%;
	clear:left;
	padding-top: 0.5em;
	}
 
#content #general img 
	{
	float:left;
 
	}
 
.mandatory
	{
	color:#FF0000;
	}
 
#content .recommend
	{
	border-bottom:#666666 0.1em solid;
	}
 
/* General asset styles for lists and features*/
.generalfeature .title 
	{
	font-weight:bold
	}
 
.generalfeature .contentsummary 
	{
	margin-top:.1em
	}
 
.generalfeature .image 
	{
	float:right; 
	margin-left:3em
	}
 
.generallist ul 
	{
	margin-left: 0em; 
	padding-left: 0em; 
	list-style:none;
	}
 
.generallist li 
	{
	margin-bottom:.1em;
	}
 
.nextprev
	{
	float:right;
	clear:both;
	}
 
	/*Styles for individual assets
----------------------------------------------------------------------------------------------------*/
/* Address entity styles, within content (not footer) */
 
.addresslabel 
	{
	font-weight: bold
	}
 
.addressimage 
	{
	padding-left:1em; 
	float:right
	}
 
#content .adrblockimage .firstelement 
	{
	margin-left:-1.4em
	}
 
#content .adrblockimage .post-office-box
	{
	margin-left:1.4em
	}
 
#content .adrblockimage .org
	{
	margin-left:1.4em
	}
 
#content .adrblockimage .extended-address 
	{
	margin-left:1.4em
	}
 
#content .adrblockimage .locality 
	{
	margin-left:1.4em
	}
 
#content .adrblockimage .country-name 
	{
	margin-left:1.4em
	}
 
#content .adrblockimage .street-address 
	{
	margin-left:1.4em
	}
 
#content .adrblockimage .region 
	{
	margin-left:1.4em
	}
 
#content .adrblockimage .postal-code 
	{
	margin-left:1.4em
	}
 
#content .adrblock .post-office-box 
	{
	font-weight:300
	}
 
#content .adrblock .extended-address
	{
	font-weight:300
	}
 
#content .adrblock .locality
	{
	font-weight:300
	}
 
#content .adrblock .country-name 
	{
	font-weight:300
	}
 
#content .adrblock .street-address
	{
	font-weight:300
	}
 
#content .adrblock .region	
	{
	font-weight:300
	}
 
#content .adrblock .postal-code
	{
	font-weight:300
	}
 
/* Entity asset styles*/
.entity img
	{
	border:0;
	float:right;
	}
 
.entitylabel
	{
	font-weight:bold;
	color:#000066;
	background-color:#FFFFFF;
	}
 
.entityimage
	{
	border:0;
	float:right;
	}
 
.entitylist
	{
	line-height:1.5em;
	}
 
.entitylist a
	{
	text-decoration:none;
	}
 
.entitylist table
	{
	width: 100%;
	border:0;
	}
 
.entitylist th
	{
	padding: 0.1em;
	text-align:left;
	border:0;
	color:#000066;
	background-color:#FFFFFF;
	vertical-align:top;
	}
 
.entitylist td
	{
	padding: 0.1em;
	text-align:left;
	border:0;
	vertical-align:top;
	}
 
.entityfile img
	{
	border:0;
	}
 
#content .venue .adr 
	{
	width:70%;
	}
 
#content .person .adr 
	{
	width:70%; 
	}
 
#content .organisation .adr 
	{
	width:70%;
	}
 
#content .venue h1
	{
	color:#000066;
	}
 
#content .organisation h1
	{
	color:#000066;
	}
 
#content .person h1
	{
	color:#000066;
	}
 
.entitysearch label
	{
	float:left;
	width:10em;
	font-weight:bold;
	color:#000066;
	font-size:90%;
	}
 
.entitysubmit label
	{
	clear:both;
	float:left;
	width:10em;
	font-weight:bold;
	color:#000066;
	font-size:90%;
	}
 
#content .entitysubmit p
	{
	clear:both;
	}
 
#content .entitysubmit h2
	{
	color:#000066;
	}
 
.entitysubmit .explanatory
	{
	clear:both;
	float:left;
	width:10em;
	font-size:90%;
	}
 
/*Form asset styles*/
fieldset
{
	border:0;
	text-indent:0;
	padding:0;
}
 
legend
{
	text-indent:0;
	padding:0;
	font-weight:bold;
	color:#000066;
	font-size:100%;
}
.formstandard label
	{
	clear:both;
	float:left;
	width:10em;
	font-weight:bold;
	color:#000066;
	font-size:90%;
	}
 
#content .formstandard p
	{
	clear:both;
	}
 
#content .formstandard h2
	{
	color:#000066;
	}
 
.formstandard .explanatory
	{
	clear:both;
	float:left;
	width:10em;
	font-size:90%;
	}
 
/*Poll asset styles*/
.voteform img
	{
	padding-right:0.5em;
	margin:0;
	border:0;
	}
 
/*Event asset styles*/
#content .event .location 
	{
	width:70%;
	}
 
#content .vevent h1
	{
	color:#000066;
	background-color:#BCFF79;
	}
 
#content .vevent h2
	{
	color:#000066;
	background-color:#FFFFFF;
	}
 
#content .eventlist h1
	{
	color:#000066;
	background-color:#FFFFFF;
	}
 
#content .eventlist h2
	{
	color:#000066;
	background-color:#BCFF79;
	}
 
.eventlabel
	{
	font-weight:bold;
	color:#000066;
	background-color:#FFFFFF;
	}
 
.eventlist
	{
	line-height:1.5em;
	}
 
.eventlist a
	{
	text-decoration:none;
	}
 
.eventlist li
	{
	line-height:1.5em;
	}
 
.eventlist table
	{
	width: 100%;
	border:0;
	}
 
.eventlist th
	{
	padding: 0.1em;
	text-align:left;
	border:0;
	color:#000066;
	background-color:#FFFFFF;
	vertical-align:top;
	}
 
.eventlist td
	{
	padding: 0.1em;
	text-align:left;
	border:0;
	vertical-align:top;
	}
 
.eventimage
	{
	border:0;
	float:right;
	}
 
.eventfile img
	{
	border:0;
	}
 
#eventlistshort
	{
	background-color:#FFFFFF;
	color:#000000;
	float:right;
	/*margin-left: 4em;*/
	margin-top: 0.5em;
	width:100%;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 0.5em;
	list-style-type: none;
	clear:right;
	}
#eventlistshort ul
	{
	list-style-type:none;
 
	}
#eventlistshort h2
	{
	color:#000066;
	background-color: #C5FF8A;		
	}
#eventlistshort h3
	{
	color:#000066;
	background-color: #FFFFFF;
	}
 
#content .eventsubmit h1
	{
	font-size:120%;
	color:#000066;
	background-color: #FFFFFF;
	}
 
.eventsubmit label
	{
	clear:both;
	float:left;
	width:10em;
	font-weight:bold;
	color:#000066;
	background-color: #FFFFFF;
	font-size:90%;
	}
 
#content .eventsubmit p
	{
	clear:both;
	}
 
#content .eventsubmit h2
	{
	color:#000066;
	background-color: #FFFFFF;
	}
 
.eventsubmit .explanatory
	{
	clear:both;
	float:left;
	width:10em;
	font-size:90%;
	}
 
/*External link asset styles*/
.standardexternal a
	{
	text-decoration: none;
	}
 
.summaryexternal
	{
	background-color: #E9E9E9;
	}
 
#extlinklist
	{
	background-color:#FFFFFF;
	color:#000000;
	float:right;
	/*margin-left: 4em;*/
	margin-top: 0.5em;
	width:100%;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 0.5em;
	text-decoration: none;
	clear:right;
	}
 
#extlinklist ul li
	{
	list-style-type: none;
	}
 
/*File asset styles*/
#filelinkcontainerouter
	{
	position: relative;
	width: 100%;
	}
 
#filelinkcontainerinner
	{
	position: relative;
	width: 50%;
	float: right;
	margin-bottom: 1.2em;
	}
 
#filelinkaudio
	{
	position: relative;
	width: 20%;
	float: right;
	}
 
#filelinkvideo
	{
	position: relative;
	width: 20%;
	float: right;
	}
 
#filelinkvideo a img
	{
	float: left;
	border: 0px;
	}
 
#filelinkaudio a img
	{
	float: left;
	border: 0px;
	}
 
.file
	{
	font-size: 100%;
	color: #000000;
	letter-spacing: normal;
	background-color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
	}
 
.file li
	{
	list-style-type: disc;
	}
 
.fileresults li
{
	background-color:#FFFFFF;
	text-decoration: none;
	letter-spacing: normal;
	font-size: 100%;	
}
 
.fileresults a:link 
	{ 
	background:#FFFFFF; 
	color:#000000; 
	text-decoration:none;
	}
 
.fileresults a:hover 
	{
	background:#FFFFFF; 
	color:#000000; 
	text-decoration:underline;
	}
 
 
.file img
	{
	padding: 5px;
	border: none;
	}
 
.filemandate 
	{
	color: #FF0000;
	}	
 
.file hr 
	{
	color: #003300;
	}
 
.fileatoz 
	{
	display: inline;
	list-style-type: none;
	}
 
.formlabel
	{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000066;
	}
 
.filelabel 
	{
	font-size: 110%;
	color: #000066;
	letter-spacing: normal;
	font-weight: bold;
	}
 
.filesizetypelabel 
	{
	font-size: 90%;
	color: #000066;
	letter-spacing: normal;
	font-weight: bold;
	}
 
.filesizetypetext
	{
	font-size: 90%;
	color: #000000;
	letter-spacing: normal;
	font-weight: normal;
	}
 
.filesmallfields 
	{
	float: right;
	}
.fileicon a:link 
	{ 
	background:#FFFFFF; 
	color:#000000; 
	text-decoration:none;
	}
 
.fileicon a:hover 
	{
	background:#FFFFFF; 
	color:#000000; 
	text-decoration:underline;
	}
.fileicon img 
	{
	padding-top: 0em;
	padding-right: 0.5em;
	padding-left: 0em;
	padding-bottom: 0em;
	bottom: 0em;
	}
.file label
	{
	clear:both;
	float:left;
	width:10em;
	font-weight:bold;
	color:#000066;
	background-color: #FFFFFF;
	font-size:90%;
	}
#content .file h2
	{
	color:#000066;
	background-color:#FFFFFF;
	}
.file p
	{
	clear:both;
	}
 
.searchoptions 
	{
	float:right;
	margin-left: 0.5em;
	}
 
 
/* Image asset styles*/
.standardimage
	{
	border:0;
	padding: 0.5em;
	}
 
.summaryimage
	{
	font-size:90%;
	}
 
.copyright
	{
	font-size:80%;
	margin-top:-0.2em;
	}
 
/*Press/News asset styles*/
.press
	{
	float:left;
	width: 100%;
	}
 
.news
	{
	float:left;
	width: 100%;
	}
 
 
 
#presslistshort h2
	{
	color:#FFFFFF;
	background-color:#FF9900;
	}
 
 
 
#presslistshort img
	{
	float:left	
 
	}
 
 
#imagetext
	{
	background-color: #666666;
	width: 15%;
	color: #FFFFFF;
	float: left;
	font-size:130%;
	padding: 0.5em;
	}
 
#pressimage
	{
	}
 
#content .news .newsheadline h1
	{
	font-size: 150%;
	color: #FF0000;
	background-color: #3E3964;
	}
 
#content .newsheadline img
	{
	float: left;
	background-color: #000066;
	}
 
#content .presssummarylist
	{
	font-size: 100%;
	color: #000066;
	}
 
#content .press .pressheadline h1
	{
	font-size: 150%;
	color: #FF0000;
	background-color: #3E3964;
	}
 
#content .presssummary
	{
	font-size: 100%;
	color: #FFFFFF;
	}
 
#content .pressheadline
	{
	background-color: #3E3964;
	float:left;
	color: #FFFFFF;
	width: 100%;
	text-align: left;
	}
 
#content .pressheadline img
	{
	float: left;
	background-color: #000066;
	}
 
#content .pressdata
	{
	background-color: #E4E4E4;
	clear:left;
	padding-top: 0.02em;
	padding-bottom: 0.1em;
	padding-left:0.2em;
	}
 
content .pressdata h3
	{
	background-color: #E4E4E4;
	font-size: 110%;
	color: #CC0000;
	}
 
#content .news .newsheadline h1
	{
	font-size: 150%;
	color: #FF0000;
	background-color: #3E3964;
	}
 
#content .newsheadline img
	{
	float: left;
	background-color: #000066;
	}
 
/*Review asset styles*/
#content .hreview h1
	{
	color:#000066;
	background-color:#FFFFFF;
	}
 
#content .hreview h2
	{
	color:#000066;
	background-color:#FFFFFF;
	}
 
.reviewlabel
	{
	font-weight:bold;
	color:#000066;
	background-color:#FFFFFF;
	}
 
.reviewfile img
	{
	border:0;
	}
 
.reviewimage
	{
	border:0;
	float:right;
	}
 
.reviewfile
	{
	}
 
#content .hreview .reviewfields 
	{
	width:70%;
	}
 
#content .reviewsubmit label
	{
	clear:both;
	float:left;
	width:10em;
	font-weight:bold;
	color:#000066;
	font-size:90%;
	}
 
#content .reviewsubmit p
	{
	clear:both;
	}
 
#content .reviewsubmit h2
	{
	color:#000066;
	}
 
.reviewsubmit .explanatory
	{
	clear:both;
	float:left;
	width:10em;
	font-size:90%;
	}
 
.reviewlist
	{
	line-height:1.5em;
	}
 
.reviewlist a
	{
	text-decoration:none;
	}
 
.reviewlist table
	{
	width: 100%;
	border:0;
	}
 
.reviewlist th
	{
	padding: 0.1em;
	text-align:left;
	border:0;
	color:#000066;
	background-color:#FFFFFF;
	vertical-align:top;
	}
 
.reviewlist td
	{
	padding: 0.1em;
	text-align:left;
	border:0;
	vertical-align:top;
	}
 
/*AtoZ asset styles*/
 
 
#content .AtoZspaced li
	{
	display: inline;
	list-style-type: none;
	font-size: 150%;
	text-decoration: none;
	background-color: #FFFFFF;
	letter-spacing: 1.2em;
	}
 
#AtoZresults ul li{
	background-color:#FFFFFF;
	color:#FF0000;
	text-decoration: none;
	letter-spacing: normal;
	font-size: 100%;	
}
 
.AtoZ
	{
	font-size: 100%;
	color: #000000;
	letter-spacing: normal;
	background-color: #FFFFFF;
	}
 
.AtoZskip
	{
	font-size: 100%;
	color: #000000;
	letter-spacing: normal;
	background-color: #FFFFFF;
	display:none;
	}	
 
 
.AtoZ hr 
	{
	color: #003300;
	}
 
.AtoZ a:link {
background-color:#FFFFFF;
color:#000066;
text-decoration:none;
}
 
 
.AtoZ a:visited {
background-color:#FFFFFF;
color:#000066;
text-decoration:none;
}
 
 
.AtoZ a:hover, a:focus {
background-color:#FFFFFF;
color:#FF0000;
text-decoration:none;
 
}
 
/*Vacancy asset styles*/
.vacancy 
	{
	font-size: 100%;
	color: #000000;
	letter-spacing: normal;
	background-color: #FFFFFF;
	list-style-type: none;
	}
 
.vacancyimg 
	{
	text-align: center;
	}
 
.vacancysmallfields 
	{
	float: none;
	text-align: right;
	}
 
.vacancytable
	{
	width: 100%;
	text-align: left;
	padding: 0%;
	margin: 0%;
	background-color: #FFFFFF;
	}
 
.vacancytable td
	{
	border:0 ;
	}
 
.vacancytable th
	{
	border:0 ;
	}
 
.vacancydetailth
	{
	font-weight: bold;
	color: #000066;
	text-align: right;
	padding: 0%;
	width: 30%;
	background-color: #FFFFFF;
	}
 
.vacancyresultsth
	{
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	width: 25%;
	background-color: #000066;
	}
 
.vacancy label
	{
	float:left;
	width:10em;
	}
 
.vacancylabel 
	{
	font-size: 100%;
	color: #000066;
	letter-spacing: normal;
	font-weight: bold;
	}
 
#vacancylistshort
	{
	background-color:#FFFFFF;
	color:#000000;
	float:right;
	/*margin-left: 4em;*/
	margin-top: 0.5em;
	width:100%;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 0.5em;
	list-style-type: none;
	clear:right;
	}
#vacancylistshort ul
	{
	list-style-type:none;
 
	}
 
#vacancylistshort h2
	{
	color:#FFFFFF;
	background-color:#FF9900;
	}
 
/* The icons that go with entity, events, address assets*/
img.infoicon
	{
	height: 1em;
	width: 1em;
	border: 0;
	vertical-align:text-bottom;
	padding-right:0.1em;
	}
/* Note: #content .vcard{} use this to style the whole vcard div within the content */
 
/*Footer
----------------------------------------------------------------------------------------------------*/	
 
#footer
	{
	width:100%;
	color:#000000;
	background-color: #666666;
	font-size:90%;
	clear:both;
	margin-top:1.5em;
	background-image: url(09_images/bottom.png);
	background-position:bottom;
	background-repeat:no-repeat;
	}
 
#footer a	
	{
	color: #FFFFFF;
	}
 
#footer a:hover	
	{
	color:#BCCCF5;
	}
 
#footer a:visited	
	{
	color:#AEC6E1;
	}
 
address
	{
	float:left;
	width:67%;
	color:#FFFFFF;
	background-color: #666666;
	padding-left: 1em;
	padding-top: 1em;
	}
 
#footerlinks
	{
	float:right; 
	margin: 0;
	padding-right: 0.5em;
	list-style: none;
	}
 
#footerlinks li 
	{
	float: left;
	}
 
#footerlinks a	
	{
	display: block;
	padding: 0 0.5em;
	line-height: 3em;
	text-decoration: none;
	color: #FFFFFF;
	}
 
#footerlinks a:hover	
	{
	color:#AEC6E1;
	}
 
#footerlinks a:visited	
	{
	color:#AEC6E1;
	}
 
#footerbutton
	{
	clear:both;
	text-align:right;
	padding-right: 1em;
	padding-bottom: 1em;
	}
 
#fetched 
	{
	display: none;
	}
#datemodified
	{
	color:#FFFFFF;
	float: left;
	padding-left: 1em;
	padding-bottom: 1em;
	}
 
 
	/* class for e-webeditpro content
 
----------------------------------------------------------------------------------------------------*/
 
.black {color: #000000; background-color: #FFFFFF ;visible:true}
 
.gray {color: #808080; background-color: #FFFFFF ;visible:true}
 
.slategray {color:#708090; background-color: #FFFFFF ;visible:true}
 
.red {color: #FF0000; background-color: #FFFFFF ;visible:true}
 
.crimson {color:#DC143C; background-color: #FFFFFF ;visible:true}
 
.maroon {color: #800000; background-color: #FFFFFF ;visible:true}
 
.salmon {color: #FA8072; background-color: #FFFFFF ;visible:true}
 
.green {color: #008000; background-color: #FFFFFF ;visible:true}
 
.darkgreen {color:# 006400; background-color: #FFFFFF ;visible:true}
 
.mediumseagreen {color:#3CB371; background-color: #FFFFFF ;visible:true}
 
.limegreen {color:#32CD32; background-color: #FFFFFF ;visible:true}
 
.royalblue {color:#4169E1; background-color: #FFFFFF ;visible:true}
 
.aqua {color: #00FFFF; background-color: #FFFFFF ;visible:true}
 
.teal {color:#008080; background-color: #FFFFFF ;visible:true}
 
.purple {color: #800080; background-color: #FFFFFF ;visible:true}
 
.mediumpurple {color:#9370DB; background-color: #FFFFFF ;visible:true}
 
.indigo {color: #4B0082; background-color: #FFFFFF ;visible:true}
 
.darkviolet {color:#9400D3; background-color: #FFFFFF ;visible:true}
 
.darkbrown {color:#330000; background-color: #FFFFFF ;visible:true}
 
.saddlebrown {color: #8B4513; background-color: #FFFFFF ;visible:true}
 
.orangered {color: #FF4500; background-color: #FFFFFF ;visible:true}
 
.darkorange{color: #FF8C00; background-color: #FFFFFF ;visible:true}
 
.gold {color:#FFD700 ; background-color: #FFFFFF ;visible:true}
 
.imageleft { float: left ;visible:true}
 
.imageright { float: right ;visible:true}
 
.headline {}
 
.subtitle {}
 
.announcement {}
 
.highlight {}

The online version of this page can be found at http://ashtraygrrl.com/test/ though to my knowledge this bug only appears in IE6