Need help positioning background images

HTML & CSS
1

Hi all,

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!
Kyle

2

Move the DIV outside of the UL



  <ul class="social_links">

    <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>
  </ul>

  <div style="clear: both;"></div>

.

3

Hey all got it fixed, need to float the li left and not the a!

4

just add float:left


.social_links li{
	float:left;
	}

vineet

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 :slight_smile:

6

If you wanna read up on it:
staircase fun with IE