HTML+CSS+JavaScript

Нужно каким то образом показать, что буттон в нажатом состоянии. Может бордером? у кого какие мысли

Ну да, именно бордером.

<input type="submit" value="Send" style="border-top:#404040 solid 1px; border-left:#404040 solid 1px; border-bottom: #ffffff solid 1px; border-right: #ffffff solid 1px;">

Похоже весьма, хотя есть нюансы.

сдвигом тени. когда кнока нажата, она вдавлена, значит, тень по-другому падает. тень
можно сделать и бордером (будет слишком квадратно) и картинкой.

.lmNormal
{
BACKGROUND-COLOR:transparent;
BORDER-BOTTOM:medium none;
BORDER-LEFT:medium none;
BORDER-RIGHT:medium none;
BORDER-TOP:medium none;
MARGIN-BOTTOM:2px;
MARGIN-LEFT:1px;
MARGIN-TOP:1px;
PADDING-BOTTOM:4px;
PADDING-LEFT:6px;
PADDING-TOP:2px
}
.lmMouseover
{
BACKGROUND-COLOR:#eda86f;
BORDER-BOTTOM:#2e0e03 solid thin;
BORDER-LEFT:#e7d0be solid thin;
BORDER-RIGHT:#2e0e03 solid thin;
BORDER-TOP:#e7d0be solid thin;
MARGIN-BOTTOM:2px;
MARGIN-LEFT:1px;
MARGIN-TOP:1px;
PADDING-BOTTOM:2px;
PADDING-LEFT:4px
}
.lmClick
{
BACKGROUND-COLOR:#985f34;
BORDER-BOTTOM:#e7d0be solid thin;
BORDER-LEFT:#2e0e03 solid thin;
BORDER-RIGHT:#e7d0be solid thin;
BORDER-TOP:#2e0e03 solid thin;
COLOR:#ffffff;
FONT-SIZE:100%;
MARGIN-LEFT:1px;
MARGIN-BOTTOM:2px;
MARGIN-TOP:1px;
PADDING-BOTTOM:2px;
PADDING-LEFT:4px
}

...


<div class=lmNormal style='font-weight:normal; cursor:hand; width:90; height:20'
onMouseDown=this.className='lmClick'
onMouseUp=this.className='lmMouseOver'
onMouseOver=this.className='lmMouseOver'
onMouseOut=this.className='lmNormal'>
<A HREF="main.html" target="center">PHOTO</A></div>

Жесть! )))
Не могу разобрать, что было задумано, но выглядит совсем не как кнопка, что в IE что в FF.
И забавный эффект возникает, если курсор подвести к нижнему краю слоя.
Кстати, бордер не квадратно ложится на кнопке. Он по-честному закрашивает рамку с угловым обрезом. По крайней мере, в 3-м ФФ и 6 ИЕ. Хотя тень не воссоздается (там два оттенка серого в оригинале, а бордер так не покрасить), но это можно оставить.