onocrotalus

I think it’s script-related, yes… I think the display discrepancy is being caused by sidebar.php. All the conditional scripts relating to the archives, which cause the things like ‘You are currently browsing the Apr 06 archive’ to be displayed when appropriate, are enclosed in a li tag, which is closed before the Archives h2 heading (the first orange bar). When none of those scripts come up with anything to display – i.e. on the front page – this means there is a blank li. I think IE is displaying it but FF isn’t.

Does this sound feasible? Any ideas on getting IE not to display this empty list would be really helpful..

Thanks for replying. The div is flush but the orange ‘Archives’ bar isn’t at the top of the div in IE – that’s the problem bacuse it is at the top of the div in FF!

I’m being quite clumsy at this forum business – the pastebin seems to have expired or something. I’ve posted the css below, hope it’s not too long. Any ideas gratefully received – I’ll stop replying to myself now, I promise.

https://www.onocrotalus.com

* {
padding:0;
margin:0;
}

body { font-size: 62.5%;
text-align: center;
}

#header { background: #ccc url(images/fullheader.gif) no-repeat top center;
width: 760px;
height: 241px;
padding: 0;
margin: 10px auto 0 auto;
z-index: 2;
}

#headerimg { display: none;
}

#wrapper { background-color: #fff;
text-align: left;
width: 760px;
height: auto;
padding: 0;
margin: 0 auto;
overflow: visible;
}

#content { background-color: #ffffcd;
font-family: Garamond, “Times New Roman”, serif;
font-size: 1.6em;
width: 515px;
float: right;
display: inline;
position: relative;
margin-top: -50px;
padding: 0;
z-index: 1;
}

#sidebar { font-family: “Trebuchet MS”, Verdana, Arial, Sans-Serif;
font-size: 1.2em;
width: 160px;
margin-left: 25px;
background-color: #fff;
border: black 1px solid;
padding: 0px;
list-style-type: none;
}

#sidebar ul { list-style-type: none;
list-style-image: none;
margin-bottom: 10px;
margin-top: 0;
}

#sidebar ul h2 { background-color: #ff8d40;
border: 1px solid #440011;
font-size: 1.4em;
font-weight: normal;
padding: 2px;
margin-bottom: 5px;
margin-top: 0;
}

#sidebar ul ul { list-style-type: circle;
margin-left: 20px;
}

#sidebar a {
text-decoration: none;
color: #000000;
}

#sidebar a:hover { text-decoration: underline;
}

#footer { clear: both;
}

hr { display: none;
}

I don’t think this problem is the frequently-posted about ‘sidebar dropping in IE’ – the div stays where I want it, just the list items don’t (in IE).

But if this issue has been resolved to death, I’d really appreciate being shown where, becuase I haven’t yet found out how to fix it. Thanks all.

Ooops. Sorry – with all my tinkering, I had left out the line which made it work the way I wanted to in FF, the zero margin-top for #sidebar ul. Updated CSS, still with unwanted space in IE, is at https://pastebin.com/646931.

Thanks for responding, red-star.