Probleme onClick sur IE 7 et 8 et Safari

Bonjour,

Mon code marche sous FireFox et a partie de IE 9, en dessous non, et sous Safari non plus.
Je ne suis pas une pro en javascript et mon code n'est surment pas des plus simples. Ce que je voudrais, c'est que par option s'affiche un texte et une image différente (d'où le onClick sur l'option et non un OnChange sur le select) dans un DIV et que je puisse changer la DIV de départ qui s'affiche (en l'occurrence ce sera suivant la date : affichez la date du mois)

Le CSS pour une image

.img1 {
    margin: 0;
    padding: 0; 
    text-align: left;
    background-image: url(img.png); 
    background-repeat: no-repeat; 
    background-position: center;
    height: 732px;
}

Le HTML

<select id="carte"  name="carte">
                <option value="">Choisissez une date</option>
                <option value="septembre15" onClick="javascript:visibilite('div_texte1');"><span class=mef>26 septembre 2015</span></option>
                <option value="octobre15" onClick="javascript:visibilite('div_texte2');"><span class=mef>15 octobre 2015</span></option>
                <option value="novembre15" onClick="javascript:visibilite('div_texte3');"><span class=mef>28 novembre 2015</span></option>
                <option value="décembre15" onClick="javascript:visibilite('div_texte4');"><span class=mef>10 décembre 2015</span></option>
                <option value="janvier16" onClick="javascript:visibilite('div_texte5');"><span class=mef>17 janvier 2016</span></option>
                <option value="février16" onClick="javascript:visibilite('div_texte6');"><span class=mef>18 février 2016</span></option>
                <option value="mars16" onClick="javascript:visibilite('div_texte7');"><span class=mef>20 mars 2016</span></option>
                <option value="avril16" onClick="javascript:visibilite('div_texte8');"><span class=mef>21 avril 2016</span></option>
                <option value="mai16" onClick="javascript:visibilite('div_texte9');"><span class=mef>26 mai 2016</span></option>
                <option value="juin16" onClick="javascript:visibilite('div_texte10');"><span class=mef>30 juin 2016</span></option>
                </select>
                </p>
                <div id="div_texte1" style="display:block;" >           
                <h3>PROJET DU 26 SEPTEMBRE 2015</h3>
                <p class="img1"></p>
                </div> 
                                
                <div id="div_texte2" style="display:none;">
                <h3>PROJET DU 15 OCTOBRE 2015</h3>
                <p class="img2"></p>
                </div>                 
                
                <div id="div_texte3" style="display:none;">
                <h3>PROJETDU 28 NOVEMBRE 2015</h3>
                <p class="img3"></p>
                </div>

Le Javascript (que je mets dans la page sinon il ne marche pas...)

<script>    
                var divPrecedent=document.getElementById('div_texte1');    
                function visibilite(divId)    {        
                divPrecedent.style.display='none';        
                divPrecedent=document.getElementById(divId);        
                divPrecedent.style.display='';    }
                </script> 

Si quelqu'un a une idée ou un code plus simplifié qui marcherait sous Safari et IE 7 et 8 ? Un grand merci