How to fix display:inline-block on IE6?

Question

How to fix display:inline-block; on IE6 ?

My html Page http://www.faressoft.org/tutorialTools/slideShow/

can I get the same result in other way ?

Answer 1

You have to re-specify display:inline; on block level elements in your IE style sheets.

HTML:

<div class="ImageSlideShow">blah</div>

REGULAR CSS:

.ImageSlideShow { display:inline-block; } 

IE CSS:

<!--[if lt IE 8]>
<style>
.ImageSlideShow { display:inline; zoom:1; }
</style>
<![endif]-->

See: http://work.arounds.org/using-inline-block-ie7-and-ie6/

BONUS:

You should also specify display:inline; for .ImageSlideShow .ImageNum {} to alleviate another IE bug.

Answer 2

* html p { display: inline; zoom: 1; }

Answer 3

http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/

In IE6 you can set display:inline-bock only to real inline elements like span or a.