Breadcrumbs broken in IE7

[drakej]

http://twitter.github.com/bootstrap/components.html#breadcrumbs

Open the following URL in IE7 (I used IE9 with IE7 rendering mode) and notice how the list style is set to disc on the

tags and the display property is set to inline-block.

[hihain]

Can be fixed by using inline instead of inline-block. This will even let the list style disappear.

Replace
.breadcrumb li {
display: inline-block;

with
.breadcrumb li {
display: inline;

in the breadcrump component. Tested with IE 7-9, FF10, Opera 11.61, Safari 5.1.2, Chrome...

[mdo]

Resolved in 2.0.2-wip.

[jij]

it doesn't solve IE issue completely. As display: inline-block; is not working in IE7. IE7 hack needed:

.breadcrumb li {
zoom:1; *display: inline;

[jij]

.breadcrumb li {
display: inline;

works better if it doesn't break anything else

[djupudga]

.breadcrumb li {
display: inline-block;
zoom:1; *display: inline;

Seems to work in ie7,8,9, firefox, safari, chrome and opera.

[mdo]

Added the .ie7-inline-block mixin to resolve. Thanks!