Inserer deux images et les mettre de taille differentes

bonjour a tous et a toutes,

voila j'ai une petite question je code un site en html5 et css3 et je voudrais inserer plusieurs images mais... de taille différente et je ni parvient pas comment faire ? voila mon code en html

<ul id="site">
<img src="diamant.jpg" alt="diamant.jpg" title="diamant" /> <a href="Index.html">Accueil</a>
<BR>
<a href="Profil.html">Profil</a>
<BR>
<a href="Jeux.html">Jeux</a>
<BR>
<a href="Contact.html">Contact</a>
<BR>
</ul>


et en Css
a /* Liens par défaut (non survolés) */

{
text-decoration: none;
color: white;
font-size: 19px;
}
img{ width:2%; height:2% }

a:hover /* Apparence au survol des liens */
{
text-decoration: underline;
color: pink;
font-style: italic;
font-size: 19px;
}