css trouble - trying to align horizontally

[musicforte]

I'm modding a phpbb forum, and I can't get the pagination links to layout correctly.

They are stacking vertically, when they should be going horizontally.

A page example is here.


And the css that applies to it is:

/* Horizontal lists
----------------------------------------*/
ul.linklist {
    display: block;
    margin: 0;
}

ul.linklist li {
    display: block;
    list-style-type: none;
    float: left;
    width: auto;
    margin-right: 5px;
    font-size: 1.1em;
    line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
    float: right;
    margin-right: 0;
    margin-left: 5px;
    text-align: right;
}

ul.navlinks {
    padding-bottom: 1px;
    margin-bottom: 1px;
    border-bottom: 1px solid #FFFFFF;
    font-weight: bold;
}

ul.leftside {
    float: left;
    margin-left: 0;
    margin-right: 5px;
    text-align: left;
}

ul.rightside {
    float: right;
    margin-left: 5px;
    margin-right: -5px;
    text-align: right;
}

I'm hoping someone can help me with this. I'm going nuts.

[abduraooft]

Try to fix the critical errors in your markup first, see http://validator.w3.org/check?verbos...m.php%3Ff%3D60

[dudeshouse]

Try adding float: left; to .pagination span strong and .pagination a

Best to fix the validation issues too as suggested by abduraooft...

[musicforte]

Thank you both. I've corrected the problem I had. I did not validate the entire CSS, because it's tied into so many different things, and I didn't have the time for it. But I did use it, and at least noticed some obvious errors, that HAD to be corrected.

So it's looking better now. Thanks again.

[dudeshouse]

Glad you fixed it.
Btw, it's not the CSS that needs the validation done, it's the markup.
Cheers.