CSS：ヘッダー内のイメージの位置

Question

ヘッダーの中央にロゴを配置しようとしていますが、これをbuttomにプッシュしています。 画像がchromeとIE9のヘッダーのbuttomにあるときにfirefoxサイズ（px、em、％）サイズで問題が発生しました.Fox foxでは境界から外れています（オーバーフロー？）。

は、すべてのブラウザのdivのbuttomに画像やオブジェクトを配置する方法はありますか？ここ

私のコードは、mybeeは、それがどのようなイムworngやってあなたのアイデアを与えるだろう。

CSS：

#header 
{ 
    background-image:url("../images/roundShapBrickWall.jpg"); 

    background-repeat:repeat-x; 

    position:relative; 
    width:inherit; 
    height:14.1em; 


} 
#header img 
{ 
    position:relative; // <--- somewhere here i think is the problem. 
    width:50%; 
    top:17%; 
} 

情報：これは私がそれをしたい位置であり、それは真ん中に座っていると、ヘッダーのbuttomが、ヘッダーの境界から出てくるのはfirefoxである。

任意のアイデア？

Answer 1

「位置：絶対;下：0;」を試したことがありますか？あなたの "#header img"に？

Answer 2

position:relativeとposition:absoluteは#headerセクションtext-align: centerに設定し、余白を付けて画像の位置を調整することで回避できます。縦位置もマージンで設定できます。しかし、これはヘッダに他のコンテンツがない場合にのみ機能します。