Hello Wise JS People

I am very new to jQuery & JavaScript and I would greatly appreciate some help. Basically I have an <li> element with id { #about } and I want it slightly rotate as a user triggers a mouseover event.

Here's my code:

Code:
$(document).ready(function(){
   $("#about").mouseover(function(event){
		// rotate slightly
   });
 });
The problem is I do not know how to make it rotate. I looked on the jQuery site, and there wasn't a rotate function.

I would greatly appreciate any help.

Thank You.