Liens et images sous IE 6/7 ... (url)

Salut,
j'essaie de rendre compatible 2 petits trucs avec ie6/7, mais j'ai un problème : (j'ai mis une première ébauche sur internet, je peux donner l'url en mp, pour éviter d'avoir ce message du forum dans les moteurs de recherche.)

mes liens sous IE ne veulent pas changer de couleur, ils sont en noir, alors que je précise dans mon css :

#navUn ul li a {color:red;}
.a_navUn {color:red; color:grey!important;}

<div id="navUn">
                    <ul>
                        <li><a href="#" class="a_navUn">TICKETS</a></li>
                        <li><a href="#" class="a_navUn">LA LIGUE</a></li>
etc.

sauriez-vous pourquoi?


Sinon, pour mon diaporama, les "grandes" images ne s'affichent pas, alors que les images "minis" s'affichent bien. Sauriez-vous pourquoi? Sur les autres navigateurs c'est ok, mais sur IE 6 ou 7, non.

voilà mon css :

#tronc                         	{float:left; height:380px; margin-top:20px; clear:both;
					display:inline; border:2px solid blue;}

#tronc_minis                    	{width:526px; clear:both; background:#E4E4E4;}
#tronc_minis ul                	{list-style:none; padding:0; margin:0; width:526px; height:80px;
					 padding-left:10px; padding-top:10px;}

#tronc_minis ul li              	{display:inline; float:left; margin-right:4px; border:4px solid white;}
#tronc_minis ul li.contour  {border:4px solid red;}
#tronc_minis ul li.hover     {border:4px solid black;}
#tronc_minis ul li:last-child   {display:inline; float:left; margin-right:0px;}
#tronc_minis ul li img         {display:block;}

#tronc_grandes                  {width:526px; position:relative; height:250px; overflow:hidden;}
#tronc_grandes ul              {list-style:none; padding:0; margin:0; width:400px; height:250px; overflow:hidden; height:auto !important;}

#tronc_grandes ul li            {position:absolute; top:0; left:0; width:400px; height:250px;}
#tronc_grandes ul li img     {display:block;}

<div id="tronc">
            <div id="tronc_grandes">BLA <!-- "BLA" s'affiche bien, mais pas les images-->
                <ul>
                    <li><a href="#" class="grandes"><img src="nba/pp.png" alt="nba"/>
                        <span class="rectangle"></span>
                        <span class="sp"><span class="sp_gras">Dernier combat </span>avant les play-offs</span></a></li>

                    <li><a href="#" class="grandes"><img src="nba/nba2.jpeg" alt="nba"/>
                        <span class="rectangle"></span>
                        <span class="sp"><span class="sp_gras">Impossible is nothing</span></span></a></li>
                    etc.
                    
                </ul>
            </div>
            <div id="tronc_minis">
                <ul>
                    <li><a href="#"><img src="nba/m1.png" alt="nba"/></a></li>
                    <li><a href="#"><img src="nba/m2.png" alt="nba"/></a></li>
                    etc.
                </ul>
            </div>