CSS. Cross browser inline block

In exemplul de azi o sa va arat cum de facut un bloc de imagini,  cu ajutorul CSS. Acest exemplu este cross browser, si este foarte folositor pentru cele mai diferite domenii, incepind cu afisarea unei galerii foto si terminind cu afisarea produselor dintr-un e-magazin. Ca sa fie mai pe inteles am atasat un screenshot la exemplu.

Cod HTML
 <ul>
        <li>
            <div>
                <h4>Image N.1</h4>
                <img src="images/teren.png"/>
            </div>
        </li>
        <li>
            <div>
                <h4>Image N.2</h4>
                <img src="images/xp1.png"/>
            </div>
        </li>
        <li>
            <div>
                <h4>Image N.3</h4>
                <img src="images/tv.png"/>
            </div>
        </li>
        <li>
            <div>
                <h4>Image N.4</h4>
                <img src="images/foto.png"/>
            </div>
        </li>
        <li>
            <div>
                <h4>Image N.5</h4>
                <img src="images/wc.png"/>
            </div>
        </li>
        <li>
            <div>
                <h4>Image N.6</h4>
                <img src="images/healt.png"/>
            </div>
        </li>
        <li>
            <div>
                <h4>Image N.7</h4>
                <img src="images/cmd.png"/>
            </div>
        </li>
        <li>
            <div>
                <h4>Image N.8</h4>
                <img src="images/notepad.png"/>
            </div>
        </li>
    </ul>

Cascade Style Sheets
ul{
    width:500px;
    background-color:#eaeaea;
} 
h4{
    padding:0;
    margin:0;
    background-color:white;
 
}
div{
    padding:4px;
}
img{
    width:100px;
    height:100px;
    background-color:white;
    color:olive;
}
 li {
        border:solid 1px silver;
        display: -moz-inline-stack;
        display: inline-block;
        margin: 5px;
        zoom: 1;
        *display: inline;
        _height: 250px;
    }