Probleme compatibilité inline-block

Bonjour,

En ce moment je crée un site web et mes lien en haut de la page qui sont censé ressembler a ça: https://www.dropbox.com/s/pt3knyq1radigvp/Capture.PNG
ne fonctionne pas sur ie 6/7/8.

<nav>
                    <ul>
                        <li><a href="#">Accueil</a></li>
                        <li><a href="#">L'Artiste</a></li>
                        <li><a href="#">Votre projet sur mesure</a></li>
                        <li><a href="#mon-ancre">Contact</a></li>
                    </ul>
    </nav>

nav
{
    display: inline-block;
    width: 800px;
    text-align: left;
}

nav ul
{
    list-style-type: none;
}

nav li
{
    display: inline-block;
    margin-right: 15px;
}

nav a
{
    font-size: 1.3em;
    color: #181818;
    padding-bottom: 3px;
    text-decoration: none;
}

nav a:hover
{
    color: #7c4b28;
    border-bottom: 3px solid #760001;
}

voila, j'ai cru comprendre qu'il fallait crée une feuille css exprès pour ie 6/7/8 mais je n'ai pas vraiment compris.

si quelqu'un pourrais m'aider
merci

Salut,

Autre lecture intéressante sur le display: inline-block;

tm

merci a tous les deux je vais lire ça