tic tac toe capture css ( assistance )

Just redoing our captcha.

Demo: http://sitehelp.com.au/demos/ttt/422.php

Anyhoo the css is as follows:

.funcaptcha { width: 81px; overflow: hidden; float: left; margin-right: 0px; }
.funcaptcha a { display: inline-block; background: url("http://sitehelp.com.au/demos/ttt/images/ttt-small.png"); margin: 2px 2px 0 0; float: left; }
.f开发者_Python百科uncaptcha a.circle { background-position: 0px -29px; }
.funcaptcha a.cross { background-position: -29px -83px; }
.funcaptcha a.empty { background-position: -0px 0px; }
.funcaptcha a.marked,
.funcaptcha a:hover { background-position: -29px 0px; }
.funcaptcha .box { display: block; cursor: pointer; overflow: hidden; width: 25px; height: 25px; }

Contains php, so unable to do a fiddle. But My css positioning is just off a tad, any suggestions ?

the ttt-small.png is:

---

So that it can be marked answered....

Bottom layer is 25 pixels tall and the top layer is 26. Sprite needs to be fixed.

---

Here's an editable jsFiddle with the HTML and CSS: http://jsfiddle.net/WhG5L/