ol inconsistency

[KDLA]

Hi -
I have an ordered list that looks OK in Fx; but in IE, the numbering is incorrect. Each list item starts with "1." rather than the number next in the series.

There's nothing special about the coding. (Below) Does anyone know of this bug?
css

#section3ContentPlaceholderControl #questions
{display: block; background: #d7cd8f url(http://apps.cpe.ky.gov/temp_docs/prototypes/cpe/images/tanman.gif) no-repeat 5px 8px; border: 5px solid #eee7b4; margin-top: 35px; width: 45em;}
#questions h2 {margin-left: 30px;}
#questions ol {margin-bottom: 1.5em;}

html

<div id="section3ContentPlaceholderControl"><H2>Five Questions: One Mission</H2>
<OL>
<LI>Are more Kentuckians... <A href="/NR/rdonlyres/073A9899-4667-4DA9-B6EF-8A95C9DC6777/0/Q1_PublicAgenda.pdf">Find out...</A> </LI>
<LI>Is Kentucky education ... <A href="/NR/rdonlyres/073A9899-4667-4DA9-B6EF-8A95C9DC6777/0/Q1_PublicAgenda.pdf">Find out...</A> </LI>
<LI>Do more Kentuckians ... <A href="/NR/rdonlyres/073A9899-4667-4DA9-B6EF-8A95C9DC6777/0/Q1_PublicAgenda.pdf">Find out...</A> </LI>
<LI>Are college graduates... <A href="/NR/rdonlyres/073A9899-4667-4DA9-B6EF-8A95C9DC6777/0/Q1_PublicAgenda.pdf">Find out...</A> </LI>
<LI>Are Kentucky's people... <A href="/NR/rdonlyres/073A9899-4667-4DA9-B6EF-8A95C9DC6777/0/Q1_PublicAgenda.pdf">Find out...</A></LI></OL></div>

[A1ien51]

copied and pasted that code into a page and looks fine to me.

--edit: wait missing the #questions that was not included-- adding to see if it made a difference

Eric

[A1ien51]

added the missing #questions, saw the nice looking colors and image and nope still have 1-5

This is with IE7

Eric

[KDLA]

Here's the link (http://test.cpe.ky.gov).
(Yes, it's the worst coding in the world --- I inherited this CMS, and am not authorized to change it. I can only do things in the CMS regions/stylesheet.)

[toicontien]

I think I've run into this before too. I take it the style declaration "... #questions" is applied to the OL tag? Since you specify the width, you invoke hasLayout in IE-Win. I believe I've run into a bug where OL tags with layout do not increment the marker value. The only workaround is to avoid CSS styles that trigger hasLayout.

[kiwibrit]

Some stuff (http://www.webmasterworld.com/css/3119510.htm) on ordered lists (which touches on IE6 and 7).

[KDLA]

I think I've run into this before too. I take it the style declaration "... #questions" is applied to the OL tag? Since you specify the width, you invoke hasLayout in IE-Win. I believe I've run into a bug where OL tags with layout do not increment the marker value. The only workaround is to avoid CSS styles that trigger hasLayout.
#questions is the tan box containing the <ol>. I commented out the width, and still the problem exists. :confused:

kiwibrit -- I don't see the connection. My <h2> is not within the list; it precedes it. :confused:


<h2>text</h2>
<ol>
<li>text</li>
</ol>

[A1ien51]

This is in one of the CSS files

#mainContentArea p, #mainContentArea li {
width: 45em;}

Remove the reference to the #mainContentArea li and presto, you got numbers >1

Eric

[KDLA]

Ah, thank you!!!
I've looked through that mess of CSS several times, and not located that.
You've got a good eagle-eye!

:D
KDLA