Простой код, но при нажатии на кнопку стиль не меняется. Подскажите, плз, что тут не так?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html> <head>
<style type='text/css'>
.style1 {width: 300; height: 100; background: #f00000; text-align:center;}
.style2 {width: 400; height: 200; background: #00f000; text-align:left;}
</style>
<script type="text/javascript">
function change()
{
var c = document.getElementById('1');
c.className = style2;
}
</script>
</head>
<div id=1 class='style1'>бла-бла-бла</div>
<input type=button value='Поменять стиль' onclick="change()">
<body>
</body>
</html>