CSS悬停填补背景

Question

我想要什么：

当我将鼠标悬停在链接应该填入一个固定宽度的背景（比如225个像素）的背景颜色。 不应考虑链接文本的长度。

我该如何做到这一点？

Answer 1

a:hover {background: url('some225pxWideImage.jpg') no-repeat;} 

Answer 2

HTML：

<a class="someclass">Some link</a> 

CSS：

a.someclass { 
    display: block; 
    width: 225px; 
} 

a.someclass:hover { 
    background-color: #123456; 
}