googleの検索ボックスを固定

ユーザースタイルシートにこんなのを書いてみた。
class とか id が全然指定されてないから、属性セレクタで無理やり探してる。

追記：
googleのhtmlが変わって動かなくなったからgoogleの検索ボックスを固定その2 - 適当めもに新しいのを書いた。

@-moz-document url-prefix(http://www.google.) {
  /* 検索ボックスを固定 */
  table[width="100%"][cellpadding="0"]:not([class^="t"]) {
    position: fixed !important;
    top: 0px !important;
    left: 5px !important;
    background-color: #f5f5ff !important;
    border-bottom: solid 1px #36c !important;
  }

  /* ログイン情報を固定 */
  div#guser {
    position: fixed !important;
    top: 0px !important;
    right: 5px !important;
    z-index: 5 !important;
  }

  /* 下部の検索ボックスを削除 */
  table.t.bb.bt {
    display: none !important;
  }

  /* その他の表示部分の上に空白を空ける */
  body {
    margin-top: 6em !important;
    z-index: -1 !important;
  }
}

するとこんな風になる。

マウスカーソルが乗ったときだけ表示するようにしてみる

せっかく comment を付けてもらったから表示部分を広くしてみた、、、けど微妙、、、

@-moz-document url-prefix(http://www.google.) {
  /* 検索ボックスを固定 */
  table[width="100%"][cellpadding="0"]:not([class^="t"]) {
    position: fixed !important;
    top: 0px !important;
    left: 5px !important;
    background-color: #f5f5ff !important;
    padding-bottom: 1em !important;
    border-bottom: solid 1px #36c !important;
  }

  table[width="100%"][cellpadding="0"]:not([class^="t"]) > * > * > * > * {
    display: none !important;
  }

  table[width="100%"][cellpadding="0"]:not([class^="t"]):hover > * > * > * > * {
    display: block !important;
  }

  /* ログイン情報を固定 */
  div#guser {
    position: fixed !important;
    top: 0px !important;
    right: 5px !important;
    z-index: 5 !important;
  }

  /* 下部の検索ボックスを削除 */
  table.t.bb.bt {
    display: none !important;
  }

  /* その他の表示部分の上に空白を空ける */
  body {
    margin-top: 2em !important;
    z-index: -1 !important;
  }
}