Img width probleem met opera

Hallo,
Ik heb een plaatje op mijn site en ik wil mijn site zoveel mogelijk cross browser compatible maken.
Nou had ik iets gemaakt wat wel in IE werkt, maar niet in andere browsers. Via de zoekfunctie kon ik het niet vinden omdat deze elke keer zei dat mijn zoekterm niet specefiek genoeg was.

Wat ik wil is een soort van max-width instellen voor een plaatje, of er iig voor zorge dat als deze te groot is niet buiten mijn divjes gaat treden. Ik wil geen width instellen, iig geen vaste waarde, daarom had ik dit :

<div class=\"pictureContainer\">
  <div class=\"pictureDiv\">
    <img class=\"pictureImg\" alt=\"".$filename."\" src=\"images/".$dir."/".$filename."\" />
  </div>
</div>

en de css :

.pictureContainer {
	padding-top: 10px;
	text-align: center;
	width: 100%;

.pictureDiv {
	width: 100%;
}

.pictureImg {
	width: 80%;
	border: 1px solid #000000;
}

dit werkt in IE, maar ik heb geen idee hoe ik dit voor alle browsers kan realiseren.
Alvast bedankt voor de moeite !