Font-size d'un template Beez de Joomla qui ne s'affiche pas avec IE

Bonjour et merci d'avance pour les éventuelles réponses.

J'ai mis en ligne un site avec 1.5.8 et le template Beez que j'ai modifié. Sous FF, Safari et Opéra tout va bien, mais sous IE7 et IE6 les images de la fontsize modifiée ne s'affichent pas ! Les images sont au format gif, au même endroit endroit (templates/beez/images/lupe_larger.gif pour l'exemple). Je cherche une solution sans la trouver après plusieurs jours sur le net !
Le site : http://www.cairn-communication.com
J'ai exploré la piste du Doctype dans le HTML sans résultat en le passant de transitionel à strict.
Je sais que cela vient de mes CSS que voici :

ieonly.css

/**
* @version $Id: ieonly.css 10387 2008-06-03 10:59:16Z pasamio $
* @author Design & Accessible Team ( Angie Radtke / Robert Deutz )
* @package Joomla
* @subpackage Accessible-Template-Beez
* @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant to the
* GNU General Public License, and as distributed it includes or is derivative
* of works licensed under the GNU General Public License or other free or open
* source software licenses. See COPYRIGHT.php for copyright notices and
* details.
*/


#contentarea,#contentarea2 { width: expression(document . body . clientWidth > 980 ? "980px" : "auto"); }
#all { width: expression(document . body . clientWidth > 980 ? "980px" : "auto"); }
.leading ,#contentarea2, #main { zoom: 1; }
#all { padding: 0; }
a img {border: 0;}
#wrapper
{border:solid 0px; width:100%}
#main2 {height:550px; width:68%}
#main
{
position: relative;
width: 98%;

}

.article_row { zoom: 1; }

.cols1
{
display: block !important;
width: 100%;
}

#header
{
width: auto;
border: solid 3px #fff;
height: 1%;
}

#header form
{
background: #96bf0d;
width: 250px;
float: right;
height: 65px;
position: relative;
margin: 0 0px 0 -10px;
}

#breadcrumbs
{
background: #96bf0d;
height: 65px;
text-align: left;
padding-top: 5px;
margin: 0;
}

.article_column { position: relative; }

.cols2
{
width: 49%;
overflow: hidden;
}

.blog_more ul { zoom: 1; }
form.search_result, form.registration, form.lost_password { zoom: 1; }
#right form.poll fieldset
{ margin: 0; }

#right form.poll
{
/* nur fuer IE-Win;
* definierte groe�e (height or witdh)
* fuer automatisches einbeziehen
* der Float-Container (auto-clearing);
*
* verbergen IE-Mac \*/
height: 1%;
/* ende verbergen IE-Mac */
}

#right form.poll a ,
#right form.poll .button { margin-top: 10px; }
.contentdescription { height: 1%; }
.contact form , .login_form , #page { zoom: 1; }
form.login input
{
margin:0 0 0 -10px
}

table.contenttoc
{font-size:1em !important;}

table.contenttoc td , table.contenttoc th
{padding:3px !important }

ie7.css

/**
* @version $Id: ie7only.css 10387 2008-06-03 10:59:16Z pasamio $
* @author Design & Accessible Team ( Angie Radtke / Robert Deutz )
* @package Joomla
* @subpackage Accessible-Template-Beez
* @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant to the
* GNU General Public License, and as distributed it includes or is derivative
* of works licensed under the GNU General Public License or other free or open
* source software licenses. See COPYRIGHT.php for copyright notices and
* details.
*/
a img {border: 0;}
height:1%

.contentdescription {height:1%}

#right form.poll
{
/* nur fuer IE-Win;
* definierte groe�e (height or witdh)
* fuer automatisches einbeziehen
* der Float-Container (auto-clearing);
*
* verbergen IE-Mac \*/
height: 1%;
/* ende verbergen IE-Mac */
}

form.login input
{
margin:0 0 0 -10px
}

Help ! et merci d'avance encore

tu as déjà posé cette question ici t'aurais au moins pu la continuer au même endroit