The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

IE List Text Align

  • # November 7, 2008 at 8:33 am

    Hey people,
    I’m having some trouble with the vertical alignment of some text for my list menu in IE6

    This is what’s happening

    The css:

    .list ul {
    background-image: url(‘../img/tbl-row.gif’);
    font-size: 10px;
    .list li {
    padding: 0 0 0 15px;
    list-style-image: url(‘../img/arrow.gif’);
    height: 21px;
    line-height: 2.1em;
    list-style-position: inside;
    overflow: hidden;
    vertical-align: middle;
    .button {
    padding: 2px 15px 0 0;
    background-image: url(../img/tbl-row2.gif);
    height: 27px;
    line-height: 2.7em;
    background-repeat: no-repeat;
    .see-topics {
    background-image: url(../img/btn-alltopics.gif);
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 76px;
    height: 17px;
    float: right;


    Full site –

    I’d really appreciate any help :D

    # November 7, 2008 at 9:39 am

    This reply has been reported for inappropriate content.

    I don’t see any problems :?:
    Looks very good to me.

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed