Problème image

bonsoir:

j'ai un problème avec des images qui se redimensionne pas quand la résolution change (très embêtant)

#accueil:before {
content:url(http://allinsports.fr/img/test_logo.png);
position:absolute;
top:48px;
max-width: 100%;
border: 4px solid #ccc;
right:-110px;
width:auto;
height:auto;
display:block;
}

les images en question sont dans la partie de droite sur mon site
http://allinsports.fr

je dois dire aussi que j'ai une erreur 404 sur google speed page et w3c

si quelqu'un peut m'aider

Salut,

1) J'ai l'impression que l'erreur 404 vient d'une mauvaise configuration du serveur. Tu peux constater cette erreur directement dans Google Chrome (touche F12, onglet network) ou dans Firefox (en utilisant Firebug).

2) L'image devrait à mon avis être dans le code HTML et non générée en CSS. La photo de l'auteur de la citation fait partie du contenu du site, ce n'est pas de la mise en forme.

Pour régler le soucis de positionnement (sans tout casser), j'engloberais la div #accueil ET l'image dans une div #accueilConteneur. L'image en float:right, et la div#accueil positionnée normalement (static). J'appliquerais une largeur de 25% à la div #accueilConteneur (et pas de largeur spécifiée pour #accueil ni pour l'image).

En faisant ainsi, en réduisant la fenêtre, le texte de la div#accueil passerait sur plusieurs lignes, mais l'image ne bougerait pas (à mon sens, redimensionner l'image ne serait de toute façon pas joli).

N'est-ce pas le bon chemin?