Taille d'image sous firefox

Bonjour, je suis en train de construire mon premier site web. J'ai presque fini mais j'ai un gros problème.

Les images que j'ai mis en float s'affiche parfaitement sous IE mais sous Firefox, elles s'affichent en toutes petites, le pourcentage de taille que j'ai mis dans ma page html n'est pas respecté. Pourquoi?

J'ai eu beau chercher un peu partout sur google, je n'ai pas trouvé de réponse.
Que dois-je faire pour corriger ça? Comme je vous l'ai dit, c'est mon premier site, c'est donc surement plein de maladresse de programmation. Veuillez donc être indulgent!

J'ai mis ci-dessous mes pages css et html avec en gras, les lignes (vraissemblablement) concernées.

fichier CSS:

body{background-color: black;margin: 15px 20px 15px 20px;}
h1{font: 250% "arial" "sans serif"; color: #CC0000;text-align: center;text-transform: uppercase;}
h2{font: 170% "arial" "sans serif"; color: #CC0000;text-align: center;text-transform: uppercase;}
h3{font:100% "arial" "sans serif"; color: #9999FF;text-align: center;}

h4{font: 100% "arial" "sans serif"; color: white;background-color: #CC0000;text-align: center;text-transform: capitalize;}

h5{font: 100% "arial" "sans serif"; color: white;text-align: right;}

h6{font: 80% "arial" "sans serif"; color: #CC0000;text-align: left;}

p{font:100% "arial" "sans serif"; color: #9999FF;text-align: justify;}

a {text-decoration:none;}

a:link {color: white;}

a:visited {color: white;}

a:hover {color: #9999FF;}

span.presse {font:italic 100% "arial" "sans serif"; color: #9999FF;}

span.titre {font: 170% "arial" "sans serif"; color: #9999FF; text-align: center;text-transform: uppercase;}

#cv {font:100% "arial" "sans serif"; color: #9999FF; text-align: right;}

span.titrepresse{font:bold italic 100% "arial" "sans serif"; color: #9999FF; }

span.liste {font:100% "arial" "sans serif"; color: #9999FF;text-align: justify;}

div.box {width: 47.2%; border= 0px;}

div.boxa {width: 47.2%; border= 0px; margin: 0px 40px 0px 0px;}

#box1 {position:absolute; left: 20px; top: 260px}

#box2 {position:absolute; right: 20px; top: 260px;}

div.boxbas {width: 100%; border: 0px;}

#boxbas {position:absolute; left: 20px; bottom: 0px;}

span.lien {font:75% "arial" "sans serif"; color: #9999FF;}

div.boxs{width: 24.5%; border= 0px;}

#boxs1 {position:absolute; left: 20px; top: 260px;}

#boxs2 {position:absolute; left: 326px; top: 260px;}

#boxs3 {position:absolute; right: 326px; top: 260px;}

#boxs4 {position:absolute; right: 20px; top: 260px;}

#picture {float:left;}

#picture2 {float:right;}

#footer {float: bottom ;}

div.merci {font: 100% "arial" "sans serif"; color: #9999FF;}


Et maintenat, un extrait d'un page html posant problème sous Firefox


<?php include("menu.php"); ?>

<h4><a href="Troupe.php">Histoire</a> |

<a href="chronologies.php">Chronologie</a></h4>

<h1>Notre Action</h1>



<div style="text-align: center;"><span class="titre">Une création estivale annuelle</span></div>

<div id="picture2"><br /><img src= "Image/Atelier/bonhomme.jpg"; width= "35%";></div>

<p>Chaque année depuis 1989, vingt à trente comédiens, professionnels et bénévoles passionnés,

D'avance merci infiniment pour votre aide...