I'm trying to add a set of CSS sprite icons at the bottom right of my page - it had been showing up properly but somewhere down the line I screwed it up...
Here are two drafts of the page - the first has the "#social" CSS internally and works. (ignore that there are duplicates at the moment...)
The second has the same CSS in my external styles.css and the images do not show.
http://atenndesign.com/photos/cuba2.html
http://atenndesign.com/photos/cuba2_ext-css.html
Any idea why this is happening?
I see a couple of problems.
#1 You're trying to use HTML5 tags in an XHTML document. You should Modify your Page Properties to HTML5 encoding.
#2 Your CSS Media Queries are messing things up. When I removed them, your sprite shows up. Try putting Sprite CSS above Media Queries and test it.
Nancy O.