Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>First of all, when checking for bugs like this (better yet, <strong>always!</strong>) validate your markup and CSS to be sure you're working on standard code. If not, you <em>will</em> have problems.</p> <p>A quick check on your markup throws 23 errors! <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fbjmarine.net%2Fsamples.htm&amp;charset=%28detect+automatically%29&amp;doctype=Inline&amp;group=0" rel="nofollow noreferrer">http://validator.w3.org/check?uri=http%3A%2F%2Fbjmarine.net%2Fsamples.htm&amp;charset=%28detect+automatically%29&amp;doctype=Inline&amp;group=0</a></p> <p>Granted, most of them are from the HEAD section, but there are a couple in the body - solve those, then try again.</p> <p>Next: even with buggy markup, common sense tells you scrolling down and up shouldn't affect the rendering. That <strong>is</strong> a IE bug, for sure, so no question you'll have to change your code to solve it.</p> <p>So:</p> <ul> <li><p>You have invalid markup - don't expect quirks mode to interpret what you <em>meant</em>. Solve those before trying anything else (for example, UL can't be empty)</p></li> <li><p>Older versions of IE don't like the '>' CSS selector. Get rid of it and use classes instead.</p></li> <li><p>If you want to display something inline and with a specific height and width, use the <code>display: inline-block</code> rule, that's the correct option instead of just <code>display: block</code>.</p></li> <li><p>You have negative margins. That's not recommended at all. You usually have <em>much</em> better ways to solve it.</p></li> </ul> <p>As you can see, many things may be triggering that bug. Solve all of them (which you should do even if no bugs were present) and try again.</p> <p>If you're still getting it, consider refactoring your markup - we can find workarounds many times, but sometimes we have to adapt (we just <em>can't</em> fix IE bugs remotely...)</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.
    1. This table or related slice is empty.
    1. VO
      singulars
      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