Databases
StackOverflow2013
Postsdbo
POIcon List Menu not aligning properly in IE 7
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POIcon List Menu not aligning properly in IE 7
    text
    copied!<p>I have this alignment issue in css for IE7. I am trying to create this icon with text menu and it works fine in firefox and IE 8, but in IE7, the float is not happening. Why i chose this type of html code, is to have a hover effect when hovering the list, use image sprite instead of images. Can somebody please correct me where i am going wrong. The html and css code is as follows..</p> <p>CSS Code:</p> <pre><code>&lt;style type="text/css"&gt; .designDetailLinks { display:block; float:right; position:relative; } .designDetailLinks li { display:block; float:left; margin:0 0 0 0; font-size:92%; width:auto; } .designDetailLinks .editCTO { display:block; padding:26px 0 0 0;color:#575656; width:40px; margin:0 auto; text-align:center; background:url(../images/icons.gif) no-repeat 0 -2229px; } .designDetailLinks .editCTO:hover { display:block; color:#1d8e3f; background:url(../images/icons.gif) no-repeat 0 -2270px; } .designDetailLinks .BOM { display:block; padding:26px 0 0 0; color:#575656; width:40px; margin:0 auto; text-align:center; background:url(../images/icons.gif) no-repeat 0 -2313px; } .designDetailLinks .BOM:hover { display:block; color:#1d8e3f; background:url(../images/icons.gif) no-repeat 0 -2313px; } .designDetailLinks strong { display:block; text-align:center; clear:left; } &lt;/style&gt; </code></pre> <p>HTML Code :</p> <pre><code>&lt;div class="designDetailLinks"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#" class="BOM"&gt;&lt;/a&gt;&lt;strong&gt;Edit BOM&lt;/strong&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" class="editCTO"&gt;&lt;/a&gt;&lt;strong&gt;Edit CTO &lt;/strong&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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