Note that there are some explanatory texts on larger screens.

plurals
  1. POcss background-position not working in IE 7 and 8
    primarykey
    data
    text
    <p>This page renders great in FF, Chrome, etc.. However in IE 7 and 8, the close "X" which is a background image does not line up. Any ideas? I tried to set the <code>background-position</code> etc.. </p> <p>The code I have: </p> <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-css lang-css prettyprint-override"><code>.startup-container { width: 455px; } .close-startup-home { background: #c00 url("http://spotlightonhealthyliving.com/btn_closex.png") 0px -8px no-repeat; float: right; height: 52px; width: 60px; } .menu-outer { background: #545454; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .4); box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .4); } .menu-inner { background: #3f3f3f; -moz-box-shadow: inset 0px 0px 4px 3px rgba(0, 0, 0, .1); box-shadow: inset 0px 0px 4px 3px rgba(0, 0, 0, .1); -moz-border-radius:5px; border-radius:5px; } .startup-box { width:439px; line-height:20px; text-align: center; color:#fff; padding-top:5px; padding-bottom:5px; } .startup-box-inner { width:389px; height:99px; padding:20px; margin-left:5px; margin-right:5px; }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="startup-container"&gt; &lt;div class="close-startup-home"&gt;&lt;/div&gt; &lt;div class="menu-outer startup-box"&gt; &lt;div class="menu-inner startup-box-inner"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt;</code></pre> </div> </div> </p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload