kyllle — 2010-02-12T05:59:41-05:00 — #1
I have created a ul which has li with links which are replaced with background images, I have then tried to float this ul to the right but getting weird results in ie7, I really really think Im doing all this wrong and would love some help because Iv tried a few ways but just cant get it right!
Page is here http://www.kylehouston.com/testing/test.html
Thanks loads in advance!
john_betong — 2010-02-12T06:18:56-05:00 — #2
Move the DIV outside of the UL
<li><a href="2" class="last_fm">Last Fm</a></li>
<li><a href="4" class="facebook">Facebook</a></li>
<li><a href="5" class="twitter">Twitter</a></li>
<div style="clear: both;"></div>
kyllle — 2010-02-12T06:23:46-05:00 — #3
Hey all got it fixed, need to float the li left and not the a!
vinpkl — 2010-02-12T06:23:31-05:00 — #4
just add float:left
ryanreese — 2010-02-12T17:41:36-05:00 — #5
Hi, to explain, this was the staircase bug in IE7, and as you found out the fix is to float the outer parent (the <li>) and not the anchor. Giving the <li> display:inline; woulda also worked along with a few other properties
luki_be — 2010-02-12T18:04:49-05:00 — #6
If you wanna read up on it:
staircase fun with IE