HTML5 - ograniczenie button'a ?

[Czapi123 9]

Witam

 

Niestety lubię bawić się w szczegóły i dlatego mam problem z buttonem. Chciałbym go jakoś ograniczyć/zmniejszyć aby nie powiększał się jednocześnie z powiększeniem obrazu w nim zawartego.

 

KOD buttona:

<form action="#">
<button type="submit" name="button1" value="clicked"  
style="position:absolute; left:15px; top:15px;"/>
<p><b>Email Me</b></p>
<img src="images/email.png" alt="submit" border="0" style="width: 200px; height: 200px;"/>
</button>
</form>

 

a winowajca wyglada tak:

http://images68.fotosik.pl/445/6e8445c8f186a170med.jpg

 

za każdym razem gdy powiększam kopertę(obraz zawarty), granice buttona się powiększają ;/

Jak go ograniczyć, zmniejszyć?

[szatkus 282]

W CSS są właściwiości max-width i max-height.

[pukang 3]

Tylko jeżeli ograniczysz wielkość buttona bez ograniczenia wielkości obrazka  to będzie to jeszcze gorzej wyglądało. Napisz może co chcesz osiągnąć.

 

Ps.

Po co Ci takie wielki obrazek 200x200px w buttonie?

[Czapi123 9]

Button jest ograniczony już do 100 na szerokosc i 90 na wysokosc, a obrazek ma 70x70. Wygląda dobrze, zawsze można zmienić. Dzięki za pomoc