IE7で誤整列のスライドドア

Question

私はもともとIE7を対象とするように設計されたWebアプリケーションを持っています。私はIE7ユーザーのためにそれを壊すことなく、最新のバージョンのChromeで見せるためにCSSを再調整しています。サイト全体で誤った位置にあるスライディングドアの入力ボックスを修正しましたが、IE7とChromeの両方でスライドドアを合わせることができないページが1つあります。設定は非常に簡単です：

<span> 
    <input type="text" ... /> 
</span> 

この場合、スパンはスライドドアの左側のキャップを保持し、入力は右側のキャップとボディを保持します。私は同じ高さと余白やパディングなしでインラインブロックとしてスパンと入力の両方のスタイルを設定しました。それ、それは素晴らしい見えますが、IE7はそうのようなスパンよりも低い入力1ピクセルをレンダリングされたクロームの釘：私は、入力に上マージンの-1pxを追加した場合

は画像

を投稿するより多くの評判が必要IE7はそのことを正しくレンダリングし、Chromeはそれをレンダリングしません。私はこのインスタンスを、IE7とChromeの両方で動作するアプリケーションの他のスライドドア入力と比較しようとしましたが、私の人生では何が違うかを見ることはできません...

誰でも前にこのような問題？

Answer 1

は、ほぼ確実にこの問題を解決するためのより良い方法はありますが、それを見ないで...

は壊れinputなど、その後、「ie7fix」とclassを追加します。

/* applies to only ie7 */ 
*+html .ie7fix { 
    margin-top: -1px; 
} 

http://en.wikipedia.org/wiki/CSS_filter#Star_plus_hack