Spinning icons using CSS3 transform Problem

[sempoi]

i put on my side with floating code
but it does not work
CSS On Css File WP theme


p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

p#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}


html code




<center>
<p id="socialicons">
<table><tr><td>
<a href="https://www.facebook.com/SempoiNetwork" target="_blank"><img border="0" src="http://www.teamsempoi.com/blog/images/misc/facebook-fb.png" title="Welcome to Sempoi Network Fan"/></a>
</td><td>
<a href="http://twitter.com/My_Sempoi" target="_blank"><img border="0"
src="http://www.teamsempoi.com/blog/images/misc/twitter-tw.png" title="Welcome to Sempoi Network Twitter"/></a>
</td><td>
<a href="https://www.facebook.com/MySempoi" target="_blank"><img border="0" src="http://www.teamsempoi.com/blog/images/misc/facebook-fb.png" title="Welcome to TeamSempoi Fan"/></a>
</td></tr></table>
</p>
</center>



can you help me please
i use on Wordpress platform

http://www.dynamicdrive.com/style/csslibrary/item/spinning_icons_using_css3_transform/

[ddadmin]

Please post a link to the page on your site that contains the problematic script so we can check it out.

[sempoi]

www.teamsempoi.com/blog

here its

i already change something

[sempoi]

Problem Solve
HTML must like this


<p id="socialicons"><a href="#" target="_blank"><img border="0" src="#" title="Welcome to Sempoi Network Fan"/></a></p>

<p id="socialicons"><a href="#" target="_blank"><img border="0" src="#" title="Welcome to Sempoi Network Twitter"/></a></p>

<p id="socialicons"><a href="#" target="_blank"><img border="0" src="#" title="Welcome to TeamSempoi Fan"/></a></p>