Image resize ved mouseover - helst CSS ellers Javascript

Hej Eksperter.
Skal bruge noget hjælp til en mouseover resize der tager mit billede der er 100x100 og erstatter det med et nyt billede der er 200x200

Billedet skal udvide sig nedefter og til højre.

Lige nu kalder jeg mit billede således:

<style type="text/css">
#billede {
    float:left;
    margin-right:10px;
    margin-bottom: 0px;
    margin-top: 3px;
}
</style>

--- 

<div id="billede">
<img src="../billeder/tomkinsogengelcover.jpg" border="1" alt="TOMKINS & ENGEL 2005">
</div>


--------------------------------------

Jeg så gerne det blev løst ved hjælp af CSS og når musen fjernes skal det lille billede komme tilbage.

How to ???

Takker :)