Highlight text section effect?

As you can see on http://www.ehow.com/ehow-tech/, under the 'Tech Must Reads', each different point in the list highlights with a nice blue fade effect when you mouse over it. How could I get this effect? Any help would be great. Thanks.

Rideem3 wrote:Where would you implement this effect?

Example:

Code:

<div id="test">Test</div>

CSS:

Code:

#test {
-webkit-transition: background-color .5s ease-in-out;
-moz-transition: background-color .5s ease-in-out;
-o-transition: background-color .5s ease-in-out;
-ms-transition: background-color .5s ease-in-out;
transition: background-color .5s ease-in-out;
}

#test:hover {
background-color: #000000;
color: #FFFFFF;
}

Thanks, that's great but right now when I hover, the effect happens across the entire width of the page, but how can I get it to be one specific place?