以下のコードで、mousedown時のイベント順序がChromeと異なります。
CSSはオブジェクトの振る舞いを規定するので、
Chromeの順序がアプリを書く上では簡単な気がしています？
操作と振る舞い
１．Chrome
（１）Aqua2というボタンをmouseで押下
(2)Aqua2というボタンがactiveで示した座標に移動
(3)alert("_mouseDown")がポップアップ
2．Filrefox
（１）Aqua2というボタンをmouseで押下
(2)alert("_mouseDown")がポップアップ
(3)ポップアップ状態でmouseを押下したままでenterキーを押すと
Aqua2というボタンがactiveで示した座標に移動
eventListenerとCSSでは、イベント順序としてdefaultはオブジェクトの振る舞いを
規定するCSSが先で有るべきの様に思います。
<!DOCTYPE HTML">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type='text/css' media='screen'>
#b1 {
position: absolute;top: 10px; left: 10px; width: 155px; height: 35px;
}
#b1:active {
top: 21px; left: 11px;
}
</style>
</head>
<body>
<input type="button" id="b1" value="Aqua 2"/>
<script language="JavaScript">
window.addEventListener("mousedown",_mouseDown,false);
function _mouseDown() {alert("_mouseDown");}
</script>
</body>
</html>
