Höhe wird nicht erkannt

[krackmoe]

Hab einen Button der einen hover Effekt hat.
Hab hierzu ein sprite benutzt, dass start.png im css background.

<a href="irgendwas" class="form-button-alt start-stream">
   <img title="start" src="<?php echo $this->getSkinUrl('images/icons/icon_trans.gif')?>"/>
</a>

css code hierzu:

.start-stream {
	border: medium none;
	height: 16px;
	width: 65px;
	margin: 10px 0 0 10px;
	background: transparent url('../images/start.png') no-repeat left top;
	padding-right:34px;
	padding-top:1px;
}
.start-stream:hover{
	border: medium none;
	height: 16px;
	width: 65px;
	margin: 10px 0 0 10px;
	background: transparent url('../images/start.png') no-repeat 0px -16px;
	padding-right:34px;
	padding-top:1px;
}

Alles wird richtig angezeigt bis auf :hover
Hier erkennt er mir die Höhe nicht.. d.h. er zeigt mir immer das komplette Sprite an...anstatt es bei der höhe abzuschneiden.

 

[Multicoder]

Hey,

probiers mal indem Du dem Image-Tag die Klasse mitgibst.
Nur so eine Idee. ;)

 

[Puccini]

noch so als tip:

wenn sich css-eigenschaften nicht ändern, brauchst du sie nicht nochmals mit aufschreiben! Das vermeidet einen ordentlichen Overhead.

Also:

.start-stream {
    border: medium none;
    height: 16px;
    width: 65px;
    margin: 10px 0 0 10px;
    background: transparent url('../images/start.png') no-repeat left top;
    padding-right:34px;
    padding-top:1px;
}
.start-stream:hover{
    background: transparent url('../images/start.png') no-repeat 0px -16px;
}

würde nur noch stehenbleiben ;)

 

[krackmoe]

Danke!! Haut hin..