странности CSS

Форум — Development

Подскажите пожалуйста:
Почему в ниже приведенном код по разному работает маштабирование картинки ?
Как через css загрузить картинку и отмаштабировать ее к размерам элемента ?

<html>
<head>

<style type="text/css">

#a
{
border-style: solid;
border-width: 10px;
border-color: red;
width: 100px;
height: 100px;

background-image: url('http://testsamples.free.fr/CrXP/Tux-termine.jpg');
}

</style>

</head>
<body>

<div id="a"></div>
<br/>
<img id="a"/>
<br/>
<img id="a" src="http://testsamples.free.fr/CrXP/Tux-termine.jpg"/>;

</body>
</html>