HTMLでカレンダーを作成し、各セルの幅と高さを100に設定しようとしています。このために、以下のようにスタイルタグを使用してみました。しかし、何らかの理由で、各セルの高さと幅は変わりません。しかし、スタイルタグで属性を指定する代わりに、個々のセルを幅/高さ属性で変更しようとすると機能します。助けてください。
<html>
<head>
<style type="text/css">
td {color:green; width:100; height:100}
th {width:100}
</style>
</head>
<body>
<table border="2">
<caption> October 2012 Calendar</caption>
<tr>
<th> Sunday </th>
<th> Monday </th>
<th> Tuesday </th>
<th> Wednesday </th>
<th> Thursday </th>
<th> Friday </th>
<th> Saturday </th>
</tr>
<tr>
<td bgcolor="grey"> </td>
<td>1</td>
<td>2</td>
<td>3</td>
<td background="../worldanimalday.jpg">4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
</body>
</html>