Html:
<ul> <li><span>one</span> </li> <li> <div>two</div> </li> <li><span>three</span> </li> </ul>
CSS:
li { list-style:none; float:left; margin-right:20px; width:50px; height:50px; background:blue; border-radius:100%; } ul > li:hover { -webkit-transform:scale(2, 2); }
here's a fiddle too: http://jsfiddle.net/zRdr7/
Thanks for your help guys, I'm pretty stumped as to the best way to approach this.