hi all,
when viewed in IE6 SP1 (winxp pro), the crumb trail background is repeated once across the page about 20 px below. it seems to be tied to the "main" content div - if there is no text in that div, the bug doesn't happen.
all is well in Moz of course
anyone ever experienced this? any suggestions?
thanks
=========================================================
-jeff
try { succeed(); } catch(E) { tryAgain(); }
when viewed in IE6 SP1 (winxp pro), the crumb trail background is repeated once across the page about 20 px below. it seems to be tied to the "main" content div - if there is no text in that div, the bug doesn't happen.
all is well in Moz of course
anyone ever experienced this? any suggestions?
thanks
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test</title>
<style type="text/css">
#borderStaticTitle {
font:bold 1em sans-serif;
background:#006633;
color:#ffffff;
border:2px solid #000099;
margin:5px 3% 0px 6%;
padding:1px 2px 2px 4px;
}
#crumbs {
background:#339933;
font:bold 70% sans-serif;
margin:-1px 3% 5px 6%;
padding:1px 2px 1px 4px;
}
#navBar {
position:absolute;
top:5em;
left:5px;
border:2px outset #339933;
background:#006633;
margin-right:10px;
padding:2px;
width:6em;
z-index:10;
}
#navBar ul {
margin:0px;
padding:0px;
list-style-type:none;
}
li {
height:1.1em;
}
#navBar a {
text-decoration:none;
border:1px solid #006633;
color:#ffffff;
display:block;
padding:0px 5px;
font:normal .9em/1em sans-serif;
}
#navBar a:hover {
background:#339933;
border:1px solid #66cc66;
}
.activeNav {
background:#339933!important;
border:1px solid #66cc66!important;
}
#main {
margin:1em 3% 1em 6em;
border:2px groove #006633;
padding:5px;
}
p {
text-indent:1em;
}
p:first-letter {
font:bold 2em sans-serif;
padding-right:1px;
}
</style>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"></meta>
<meta http-equiv="Pragma" content="no-cache"></meta>
</head>
<body>
<div id="borderStaticTitle">Home</span>
</div>
<div id="crumbs">Home > Some > Crumb > Trail</div>
<div id="navBar">
<ul>
<li><a href="#" class="activeNav">Home</a></li>
<li><a href="#">Search</a></li>
<li><a href="#">Login</a></li>
</ul>
</div>
<div id="main">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse eu purus et dolor cursus semper.
Nulla lacus. Nunc neque quam, adipiscing a, blandit eget, molestie sit amet, erat. Nunc mauris pede,
sodales vitae, aliquam non, eleifend eget, felis. Pellentesque porttitor blandit leo. Nulla egestas.
Nulla tristique. Sed sapien pede, ornare in, vulputate eu, elementum at, urna. Aliquam erat volutpat.
Curabitur gravida libero in neque vestibulum porta. Maecenas felis orci, consequat id, feugiat vitae,
gravida sit amet, lacus. Vestibulum vitae felis. Nulla ultrices wisi eget massa. Nullam euismod. Nunc
commodo mattis elit. Cras nec quam id justo iaculis pretium. Pellentesque arcu. Aenean sed nibh.</p>
<p>Integer sodales vehicula orci. Maecenas non urna in turpis placerat congue. Nam id lectus non tellus
tincidunt varius. Aliquam sit amet lectus eu tellus bibendum fermentum. Curabitur diam mi, auctor ac,
nonummy aliquet, consectetuer non, dolor. Nam ac dui vitae velit mattis porttitor. Etiam enim metus,
tempor ut, euismod sed, venenatis sed, dolor. Nulla mauris mauris, ullamcorper sed, pretium nec, semper
ut, risus. Ut tincidunt erat sed felis. Nam quis wisi sed libero viverra venenatis.</p>
</div>
</body>
</html>=========================================================
-jeff
try { succeed(); } catch(E) { tryAgain(); }