IEとFirefoxでのCSS画像のスケーリング

Question

Internet ExplorerとFirefoxでCSSのフォーマットに奇妙な問題があります。ナビゲーションバーの場合は、背景画像付きで列に表示したいいくつかの画像があります。これを達成するために、私はページ上に背景イメージを配置し、各イメージリンクを保持するdivを作成し、CSSを使用して各イメージをフォーマットしました。 Safariでうまく動作しますが、IEやFirefoxでは、画像は背景画像に合わせるために必要なサイズに拡大されません。

私のページから関連するCSSはここにある：しかし、FirefoxとIEで、

<div class="nav_background_home"><img src="nav_background.png" width=100% /> 
<div class="nav_items"> 
    <img src="nav_items/set_design.png" class="nav_item" height=100% /> 
    <img src="nav_items/company_report.png" class="nav_item" height=100% style="height:4.1%;"/> 
    <img src="nav_items/prompt_pages.png" class="nav_item" height=100% /> 
    <img src="nav_items/characters.png" class="nav_item" height=100% /> 
    <img src="nav_items/costumes.png" height=100% class="nav_item" style="margin-bottom:2%;" /> 
    <img src="nav_items/video.png" height=100% class="nav_item" style="height:4.1%;" /> 

</div> 

これはSafariで完璧に動作します：

.nav_background_home{ 
width:17%; 
position:absolute; 
left:56%; 
top:31%; 
z-index:100;} 


.nav_background_home .nav_items{ 
position:absolute; 
top:8%; 
z-index:150;} 


img.nav_item{ 
margin-bottom:3.75%; 
height:4.4%; 
margin-left:7%;} 

は、私は、HTMLのすべてを追加しました画像は拡大縮小することができません。私はすでにHTMLから "height = 100％"を削除しようとしましたが、何も変更されません。サイトがある場合は、http://gilmannews.com/rishi/sandbox.html。

ありがとうございます！

Answer 1

高さ= "100％"、幅= "100％"で始めるようにしてください。

また、http://validator.w3.org/check

これはあなたにいくつかのブラウザではうまく扱うかもしれないと少し問題のすべての種類が表示されますを通してそれを実行してみますが、他の人がしません