Note that there are some explanatory texts on larger screens.

plurals
  1. POGaps between list in IE
    primarykey
    data
    text
    <p>I have created a vertical navigation that holds in buttons that I have created. There is a substantial gap between each button in IE and I can't work out why since all margins are 0! Very puzzled since it works fine in Chrome and FF.</p> <pre><code>#buttons { float: left; padding: 0; margin: 0px 10px 10px 20px; } #buttons ul { display: inline; } #buttons ul li { list-style: none; text-decoration: none; margin: 1px 0; clear:both; } #buttons ul li #quote{ width: 270px; height: 53px; list-style: none; background-image: url('buttons.png'); } #buttons ul li a:hover #quote{ width: 270px; height: 53px; background-image: url('buttons.png'); background-position: 270px 0px; } #buttons ul li #sample{ width: 270px; height: 53px; list-style: none; background-image: url('buttons.png'); background-position: 0px 53px; } #buttons ul li a:hover #sample{ width: 270px; height: 53px; background-image: url('buttons.png'); background-position: 270px 53px; } #buttons ul li #plan{ width: 270px; height: 53px; list-style: none; background-image: url('buttons.png'); background-position: 0px 106px; } #buttons ul li a:hover #plan{ width: 270px; height: 53px; background-image: url('buttons.png'); background-position: 270px 106px; } #buttons ul li #callback{ width: 270px; height: 53px; list-style: none; background-image: url('buttons.png'); background-position: 0px 159px; } #buttons ul li a:hover #callback{ width: 270px; height: 53px; background-image: url('buttons.png'); background-position: 270px 159px; } &lt;div id="buttons"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#" onClick="openForm()"&gt;&lt;div id="quote"&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;&lt;div id="sample"&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;&lt;div id="plan"&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;&lt;div id="callback"&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    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.
 

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