Give help. Get help.

  • # December 2, 2009 at 6:12 am

    Hi All,

    I’m having a wierd problem in IE 6 and 7. Did all the tweaking I could think of and spent hours on it. Can’t seem to figure it out.
    The problem is a layout issue in my pagation link set which I have implemented as an unordered List.

    The links for the pages should appear in one row. Except in IE7 and IE6, it appears like a bunch of steps. It works fine on IE8, Chrome, Firefox and others.

    The live page is here … -seminars/

    The screen shot on how it should be is here:

    This is how it appears on IE7 and IE 6:

    Any help on solving this is much appreciated.


    # December 2, 2009 at 9:35 am

    This is one of the typical IE-issues that is referred to as the "staircase" or "stepdown" problem.

    You fix it by setting the LI’s to display inline:

    li.optionalClass { display: inline; } /* IE-FIX : Prevents “stepdown”
    : Thanks to */


    # December 2, 2009 at 10:51 pm

    Thanks a lot guys. TeMAC’s solution worked like a charm. :D

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.