views:

735

answers:

1

Moved the link because it no longer points to the site, and solution has been found

I have some list elements that have a mysterious left padding/margin.

In Firefox, it displays as expected. But in IE7, there is a text indent or something forcing the inner text in about 4 spaces. See the example link above.

I have set padding to 0, margin to 0 (though it shouldn't be this as clearly the border goes around the element containing the gap), text-indent to 0, and text-align: left.

Does anyone know what may be causing this?

+7  A: 

In your style.css file you set the LIST-STYLE-POSITION to inside. This is causing your issue in IE.

#content-body UL {
    LIST-STYLE-POSITION: inside; LIST-STYLE-TYPE: disc
}

You can either remove that element, or you can add a style to your .events UL

.events UL {
    ...
    LIST-STYLE-POSITION: outside! important;
}
bendewey
I was just about to post this same answer after debugging! Good catch.
Ryan Doherty
Ah of course... I hate implementing other people's CSS, like the calendar's!
alex