[解決済み] 四角いボタンの作り方

質問内容

ホームページにボタンを設置していますが、正方形にしたいのです。

正方形のボタンを作成し、ボタンのように動作するようにするには、その上にスクロールすると、それが少し変更されるようにするには、どうすればよいですか？

このボタンはクリックできないことに注意してください。

http://jsfiddle.net/HrUWm/

(どのようなCSSを使えばうまくいくのでしょうか？) 私が試したのは以下の通りです。

<input class="butt" type="button" value="test"/>
.butt{ border: 1px outset blue;  background-color: lightBlue;}

解決方法は？

これで作業は完了です。

.butt {
   border: 1px outset blue;
   background-color: lightBlue;
   height:50px;
   width:50px;
   cursor:pointer;
}

.butt:hover {
   background-color: blue;
   color:white;
}

http://jsfiddle.net/J8zwC/