premier correctif, c'est background-image: url(images/img2petit.jpg); la syntaxe, et non pas background-image: url('images\img2petit.jpg');
[edit]
il manque aussi un clear:both; pour rétablir le flux on dirait (bah oui, quand on passe en float:qqchose, faut en sortir)
.lebloccopy { clear:both; .... }
[/edit]
[edit2]
.lebloccopy { clear:both; margin-right:auto; margin-left:auto; ... }
.lebloccontenu { margin-bottom:5px; ... }
j'ai viré <p></p> juste au dessus de <div class="lebloccopy">.
si tu souhaites conserver ce <p> pour y écrire, et si tu veux que ça laisse un espace quand c'est vide aussi bien sous ie que ff, écrit plutot <p> </p> (valable pour toutes les balises)
[/edit2]
je continue mes recherches.
ce que tu dois comprendre c'est que ta page peut passer au validateur, ça n'empeche pas internet explorer de ne pas respecter (ou mal) la norme.
Pour te donner une idée de ce que je veux dire [
box model]
[edit]
bcp de divs pour rien il me semble.
pas de ul/li pour le menu
des tas de class qui peuvent etre remplacés par des ids voir déduits de la balise parente
bcp de choses peuvent etre revus dans le code.
par contre j'aime bien le design, simple mais efficace.[/edit]