Stupid CSS tricks

I thought of maybe trying to spruce up Pornfinity [1] to maybe make it more attractive at auction [2] (and no, I didn't spruce it up—I got distracted as you'll see) by adding some links or something.

I wanted to do a bit more than just present a simple list of sites. I mean, sure, I could do something like:

Flutterby! [3]
kottke.org - home of fine hypertext products [4]
0xDECAFBAD: Because a day without caffeine is no day at all. [5]
l.m.orchard's 0xDECAFBAD OPML blog: Thursday, February 23, 2006 [6]
Tevis.net Web Log [7]
Instapundit.com [8]
spin the cat [9]
WIL WHEATON DOT NET 50,000 monkeys at 50,000 typewriters can't be wrong. [10]
Comics - Mike Sterling's Progressive Ruin [11]
news from me [12]
Postcards from the Bleeding Edge [13]

(And no, these aren't porn sites, these are blogs that I read. I'm using them for an example. If you want porn, you'll have to go on your own and find some)

A lot of sites now have a favicon [14] so I thought it might be nice to include them with the links (yes, that's the extent of my “snazzing up” the list of porn sites). So, first off, is it possible to change the default glyph used for lists?

The answer: yes [15]. By using the CSS (Cascading Style Sheet) attribute list-style-image, you can have custom bullet points.

Now, I have noticed that Firefox [16] will store the favicon when you bookmark a site. Curious as to where that information was stored (if I already have the data (and yes, I do have one or several dozen porn sites bookmarked—ahem) why bother re-downloading it all again?), I found that Firefox stored the data in a rather curious looking URL (Universal Resource Locator)—the data: scheme [17].

Hmmm … I wonder … would this work?