I've changed my CSS a variety of ways and I just can't get my social media icons aligned for IE7. I even have an IE7 style sheet and no luck. Here is the link, http://newmetj.com
...and looks bad on my IE7 on Windows 7, even with display: inline-block. Not sure if that's just on my end, but if @ChrisP's solution doesn't work, I would personally go with float:left; though.
@kbespinoza: you'll need to put that on the LI's because those "interact" with eachother (the A's within the LI's are kinda independent and aren't really relevant to this issue). I believe you can even remove the float:left; from ul.icons li a, as long as the style for ul.icons li is still the same.
I've changed my CSS a variety of ways and I just can't get my social media icons aligned for IE7. I even have an IE7 style sheet and no luck. Here is the link, http://newmetj.com
Any ideas?
No idea, things look good in my IE7 on Windows 8.
ul.icons li { display: inline-block; }...and looks bad on my IE7 on Windows 7, even with
display: inline-block. Not sure if that's just on my end, but if @ChrisP's solution doesn't work, I would personally go withfloat:left;though.you could just try
display: inlineI know it's an IE7 bug that I've dealt with before..thefloat: left;should work as well.Staircase Bug
Got it! Thanks.
What I don't get is I have
but I still need to use
or
Both work and I just have it in my ie.css. I tried it i my styles.css and it worked fine there too.
@kbespinoza: you'll need to put that on the LI's because those "interact" with eachother (the A's within the LI's are kinda independent and aren't really relevant to this issue). I believe you can even remove the
float:left;fromul.icons li a, as long as the style forul.icons liis still the same.