[html] problème d'affichage selon la résolution[resolu]

Bonjour !

Pour le site que je suis en train de modifier en html et qui comporte des pages constituées elles même de plusieurs pages (une pour le haut, une pour le bas, et deux pour le milieu), j'ai un problème d'affichage lié à la résolution de l'écran!

Cette résolution pose des soucis au niveau de la partie haute de la page(bannière) puisqu'en 1280x1024, la banière ne veut pas s'afficher sur toute la page (j'ai enlevé le mode répétition avec lequel l'image se répétait).
En 800x600, la bannière ne se réduit pas et il en manque ainsi 1/3...
Seul le 1024x768 permet un affichage correct de cette bannière.


J'ai essayé un code trouvé sur un site mais celui-ci ne marchait pas:


Code inséré dans celui de ma bannière
<!--[if IE]>

<style type="text/css">

img {

width:100%;

width:expression(document.getElementById('conteneur_img_test').offsetWidth >document.getElementById('img_test').offsetWidth?document.getElementById('img_test').offsetWidth+"px" : "100%" );

}

</style>

<! endif -->

<div id="conteneur_img_test">

<img src="images/entete.jpg" id="img_test">

</div>
Fin du code


Si vous pouviez m'aider sur ce point, je vous en serai grandement reconnaissant.

PS: j'aimerai ne pas avoir à toucher à l'architecture du site proprement dit (des pages qui contiennnent des pages) donc si vous avez une solution qui correspond, merci d'avance!!!

merci pour le code mais justement, moi je veux juste afficher la banniere de sorte qu'elle prenne toute la largeur (et n'apparaisse donc qu'une fois)

Edit:

il ne me reste plus qu'un problème en fait ^^ j'ai des marges que je n'arrive pas à supprimer

pourtant j'ai mis dans le css

et ça ne fait rien

* c'est pour le document en entier, essai :

*, html
{
margin: 0;
}