Как да завъртя бекгроунд снимка с CSS без да завъртя текста

[lfc321]

.horizontal a:link, .horizontal a:visited
{
	font-family: Arial, Helvetica, Sans-serif;
background-image:url(img/imgs/buttons1.png) ;
	font-size: 13px;
	text-decoration: none;
	border-right: 1px;
	border-image:url(img/imgs/separator.png) ;
	border-right-style: solid;
	padding-top: 9px;
	height: 22px;
	width: 151px;
	
}

.horizontal a:hover, .horizontal a:active
{
		background-image:url(img/imgs/buttons1.png);
		
		width: 151px;
	
}

Искам да завъртя снимката от hover-a, но от това което намерих в нета успявам да завъртя със бекгроунд снимката и текста от линка. Искам да завъртя само снимката без текста върху нея.
Ако някой може да помогне ще съм му благодарен.

 

[mapka7a]

http://www.sitepoint.com/css3-transform-background-image/ :idea:

 

[lfc321]

Да пробвах по този начин, но завъртам освен бекграунд снимката и текста на линка. Някой ако може да ми разпише как да завъртя само бекграунда.

 

[mapka7a]

Този линк, който ти дадох, малко по-надолу има само за background-a

.horizontal 
{
	position: relative;
	overflow: hidden;
}

.horizontal:before
{
	content: "";
	position: absolute;
	width: 200%;
	height: 200%;
	top: -50%;
	left: -50%;
	z-index: -1;
	background: url(background.png) 0 0 repeat;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
}