/*--------------------------------------------------------------------------- SCREEN, PROJECTION: LAYOUT OF TOP BAR ---------------------------------------------------------------------------*/ div#topbar { position:relative; padding: 0 0 0 0; margin: 0 0 0 0; width: 100%; } /* The padding is just to position the topmenu correctly. It appears that IE 6 ignores a top-margin on the first element in a . */ div#logo { float:left; padding: 0 0 0 0; margin: 5px 0 0 10px; } div#header { position: relative; margin: 5px 0 0 10em; padding: 0 0 0 0; /* border: 1px solid #FF8100; background-color: #FF8100; /* #FFAB54; */ height: 70px; } div.topaddress { /* Doesn't work in Firefox with ID "topaddress"... */ color: white; padding-right: 0.5em; } div#topmenu { position: relative; border-top: 1px solid #FF8100; background-color: #FFAB54; border-bottom: 1px solid #FF8100; padding: 0 0 0 10px; margin: 5px 0 0 0; } div.topnav { padding: 0.2em 0px 0.2em 0px; margin: 0 0 0 0; } div#topnavhome { float:right; } div.topnav a { color: #FF4100; font-weight: bold; padding: 0.2em 8px 0.2em 8px; margin: 0 0.5em 0 0; background-color: #FFC181; border: 1px solid #FF8100; } div.topnav a:hover { background-color: #FFD4A9; } div.topnav a.current { padding-left: 21px; background-image: url(/web08/Global/curr_arrow.gif); background-position: 8px; background-repeat: no-repeat; } /*--------------------------------------------------------------------------- IE BUGS WORKAROUNDS ---------------------------------------------------------------------------*/ /* IE 6 "doubled margins on floats bug" workaround. On the first float within a div, IE doubles the margin at the outer side of the float. (I.e., margin-left for a "float: left", and margin-right for a "float: right".) Fix from http://www.positioniseverything.net/explorer/doubled-margin.html The "display" property should be ignored on floats. */ div#logo { display: inline; }