[HTML 5] Taille maximal d'une image

Taille maximal d'une image

Bonjour,

Dans mon site, les blocs <section> et <nav> sont côte à côte grâce à

Code:

float: left;

pour <nav> et

Code:

margin-left: 230px;

pour <section>.
J'ai une image dans section qui était de largeur fixe. Mais lorsque que je réduisais la fenêtre tel que la somme de la largeur de l'image et la largeur du bloc <nav> était supérieur à la largeur de la fenêtre, le bloc <section> passait en dessous <nav>.
J'ai donc mis une largeur en % pour régler le problème, l'image s'adaptait à la fenêtre. Le soucis maintenant, c'est que l'image devient trop grande si la fenêtre est agrandis au maximum. Je voudrais donc imposer une largeur maximal à l'image, mais je ne sais pas le faire.
La ligne <html> de l'image est la suivante :

Code:

<img src="mon-image.jpg" width="80%">

Merci d'avance pour votre aide!

Essaye

Code:

1
2
 
img { max-width:100% }

Merci pour ta réponse. J'ai essayé mais il n'y a aucun changement visible.
EDIT : J'ai réussis en mettant une id à l'image et en indiquant une largeur maximal en px (en % ça ne fonctionne pas :( ) à l'id dans le css. Merci à Macmillenium, ma solution dérive de celle qu'il m'a donné.