Wondering why the appropriate XFN icon doesn’t display and you only see the xfn-small.png icon? Well that’s probably because like me you are using IE 6.0. Take a look at Steven Harman’s blog for an explanation:
http://stevenharman.net/blog/archive/2007/01/20/XFN_Microformat__with_Icon_Goodness.aspx
“CSS 2.1 Attribute Selectors to the rescue! As long as your browser supports the CSS 2.1 standard you can make use of these powerful selectors when building your style sheets. That is to say – this doesn’t work in IE 6.0, so I had build my new selectors so they would fail gracefully and revert to the original behavior of just looking at the hyperlink’s class.”
In other words, IE 6.0 can’t ‘see’ the attribute selctors and defaults to:
/* XFN Styling */
a.xfnRelationship {
padding-right: 26px;
background: url(/images/xfn-small.png) no-repeat right;
}
Take a look at your page in Firefox if you want to see how it should really look.
Hopefully, this should save you a few hours of searching the Internet and pulling your hair out!!
Kind Regards
Walter