I can't figure this one out. I have a fairly simple structure where I
want to show rows of icons, each row with a section title, and the rows
alternating shaded/unshaded.

Basically, the code for a row is like:

<div class="unshaded">
<div class="sectionTitle">Section 1</div>

<div class="button">
<img src="icon.gif">
<a href="#">Item 1</a>
</div>

<div class="button">
<img src="icon.gif">
<a href="#">Item 2</a>
</div>

<div class="button">
<img src="icon.gif">
<a href="#">Item 3</a>
</div>

<div class="divClear"></div>
</div>

with 'class="shaded"' every other row.

The problem is that in IE6, the "sectionTitle" div isn't visible except
on the LAST row. FF & others render it fine.

You can see a screenshot of how it should look at
http://www.dslextreme.com/~tony23/ss.htm

or just use Firefox or the like. The actual page is at
http://www.dslextreme.com/~tony23/test.htm and the CSS is at
http://www.dslextreme.com/~tony23/test.css

Is this happening to anyone else with IE6? Any thoughts on fixing it
without some sort of display hack?

In our last episode, Tony <tony23@dslextreme.com> pronounced to
alt.www.webmaster:


Looks like a list to me.

Yep - looks like the peekaboo bug.

http://www.positioniseverything.net/.../peekaboo.html

Mark it up as a list.

--
Mark Parnell
http://clarkecomputers.com.au

Thanks, Mark -

I totally missed the peekaboo bug - it's been awhile since I
encountered it last, so I'd forgotten

I'll look into the list markup, too - that sounds like it might work. I
tend to overlook using lists in that manner. A shortcoming I should
probably overcome...