تغییر عکس هنگام mouseover

[black.assassin]

سلام به همه دوستای گلم
دوستان من این تکه کد رو از جایی پیدا کردم :
کارش رو هم تو عنوان تاپیک نوشتم.
<style type="text/css">
.test
{
background-image: url('?');
display: block;
width: 40px;
height: 40px;
}
.test:hover
{
background-image: url('?');
}
</style>

مشکل من اینجاست که وقتی می خوام چند لینک در یک خط هم از این کلاس استفاده کنند نمیشه و لینک بعدی تو سطر پایین قرار می گیره. راهکارش چیه ؟ ممنون

[black.assassin]

مشکل حل شد.
به جای block از inline-block استفاده کردم.

[MicrosoftH]

در Block تمامی فضای کناری اشغال میشه و Line break میخوره درسته ولی در inline فقط به اندازه فضای محتوی کناری اشغال میشه

[black.assassin]

در Block تمامی فضای کناری اشغال میشه و Line break میخوره درسته ولی در inline فقط به اندازه فضای محتوی کناری اشغال میشه

خیلی ممنون. اتفاقا من این دو صفت رو یاد داشتم و هیچ کدوم نتیجه درست نداشتن. ولی نمی دونستم ترکیب این دو هم وجود داره. css خیلی شیرینه . کم کم داره ازش خوشم میاد