View Full Version : CSS ul padding not going well in IE 7.0 (possibly 6 as well)

Feb 19th, 2007, 04:51 AM
for some reason, IE 7 seems to ignor the padding under the ul tags.

which isn't good because its throwing some of my elements off of alignment with the rest of the page.

Here are some examples in my css file that IE likes to ignor.

#sidebar ul {
padding: 0px 40px 0px 0px;

.links ul {
padding: 0px;
list-style: none;
text-align: center;

and the last but not least

.events ul {
padding-left: 20px;

It works great in safari and firefox, but in IE, it dosn't.

is there a hack I can do to make it work?

and also, why don't the microsoft IE programmers give a damn about css designers?

it would be nice if their market share went down to 1%, that would be sweet.

Feb 19th, 2007, 05:00 AM
Just add this:

ul {margin-left:0;}
and the problem should be solved. (You may have to adjust your padding afterwards, though.)

I feel your pain regarding IE, but in this case, IE handles lists properly; it just uses a different default value for margin-left, so you have to explicitly override the default.

Hope this helps.