Css hover over link to fill background

Question

What I want:

When I hover over the link, it should fill a background with a fixed-width background color (say 225px). Link text length should not be considered.

How can I achieve this?

+2

amit May 13 '10 at 20:44

2 answers

HTML:

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

CSS

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

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

+3

Daniel Sloof May 13 '10 at 20:53

DA. · Accepted Answer · 2010-05-13T20:52:48+0000

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