Масштабирование фона в CSS3

С приходом CSS3 изменять фон в соответствии с размерами, можно без блоков-обёрток, таблиц и прочих дополнительных элементов.

Работоспособный код для масштабирования фонового изображения.

Листинг примера масштабирования

<html>
<head>
<meta charset="utf-8">
<title>CSS3 background-size</title>
<style type="text/css">
#a{
width:100%;
height:481px;
overflow:hidden;
background:url(ipad3.jpg) no-repeat center top;/* здесь наш фон */
-moz-background-size:100% 100%; /* для Firefox 4+ */
-o-background-size:100% 100%; /* для Opera 9.5+ */
-webkit-background-size:100% 100%; /* для Safari 5+ и Chrome 4+ */
-khtml-background-size:100% 100%; /* для Konqueror (WebKit-браузеров) */
background-size:100% 100%; /* CSS3 свойство */
}
</style>

</head>
<body>
<div id=a>
<h1> Резиновые изображения, подстройка картинок под </h1>
</div>
</body>
</html>