div hover Hintergrundfarbe ändern?

Wie kann ich dafür sorgen, dass es so wirkt, als ob eine Linie von div verankert ist? Wenn ich darüber schwebe, wird sie wieder rot

CSS

.e
{
    width:90px;
    border-right:1px solid #222;
    text-align:center;
    float:left;
    padding-left:2px;
    cursor:pointer;


}
.f .e
{
    background-color:#F9EDBE;

}

HTML

<div>
    <div class="e" >Company</div>
    <div class="e">Target</div>
    <div class="e" style="border-right:0px;">Person</div>
</div>         
<div class="f">
    <div class="e">Company</div>
    <div class="e">Target</div>
    <div class="e" style="border-right:0px;">Person</div>
</div>   
<div>
    <div class="e">Company</div>
    <div class="e">Targetaaa</div>
    <div class="e" style="border-right:0px;">Person</div>
</div>            
<div class="f"> 
    <div class="e">Company</div>
    <div class="e">Target</div>
    <div class="e" style="border-right:0px;">Person</div>
</div>  

.e:hover{
   background-color:#FF0000;
}

Wenn Sie möchten, dass sich die Farbe ändert, wenn Sie einfach das :hoverPseudo hinzugefügt haben

div.e:hover {
    background-color:red;
}

div hover Hintergrund Farbänderung

Versuchen Sie es so:

.class_name:hover{
    background-color:#FF0000;
}