IE7のCSSの問題？

Question

IE7で次のページを表示する際に問題が発生しました。背景画像とトップ用

<div>：

http://townappliance.arosavd.com/index.php/barbeques/natural-gas.html

各製品を有します。
<li>バックグラウンド画像の中央です。
<div>背景画像付き

<li>にはバックグラウンドリピートrepeat-y;があり、正しい場所で停止していないようです。あなたはIE7をお持ちでない場合は、上記のリンクをコピーして、それを見るために、このページを使用します。事前に

http://ipinfo.info/netrenderer/index.php

おかげで、
過ぎ越し

Answer 1

ul内のdivをliに変更することができます。

<ul> 
    <li class="top"></li> 
    <li> item here </li> 
    <li class="bottom"></li> 
</ul> 

ulからdivを移動することを検討してください。

Answer 2

あなたのマークアップは無効であるとIE7はそれを再配置され、おそらく、他のブラウザが「最良の推測」をしているかもしれません。あなたがHTMLを再配置する必要があります

<ol> 
    <li> 
     <div /><!-- top --> 
     <div /><!-- bottom --> 
    </li> 
</ol> 

;：

<ol> 
    <div /><!-- top --> 
    <li /> 
    <div /><!-- bottom --> 
</ol> 

はとして再フォーマットされていますLIだけがDIV（またはOLの子孫でもあるSPANまたはH2）ではなく、OLの子になることができます。

ULとLIをDIVだけに変更することをお勧めします（IDとクラスを同じに保つ）。この方法では、マークアップは無効ではなくなりました。リストの各項目は非常に大きく、ブロックレベルなので、リスト要素は実際には必要ありません。また、これはリストを実際に並べ替えるよりも速い修正です（有効なCSSアップデートも必要になります）

希望に役立ちます！