Floating (OL) LI’s causes number to disappear in IE7

[brandoncordell]

Second post in one day… :oops:

I’ve got an ordered list in my checkout process so the customer knows where they are in the checkout process… (e.g. shipping information, billing information, order confirmation, etc)

This is my markup

Code:

1. Shipping Information
2. Billing Information
3. Order Confirmation

Here is my CSS

Code:

/************
* Checkout*
************/
ol.checkout_steps {
font: normal normal 200 16px Georgia;
list-style: decimal;
margin: 0 20px 20px;
}
ol.checkout_steps li {
color:#999;
float: left;
margin: 0 28px 0 0;
}
ol.checkout_steps li.active { color: #222; }

No matter what I try, I can’t get the numbers to show (unless I take away the float, but then they’re not inline).

[Author]

Posts