Remove the side border in CSS

css, html

Solution

I think I've found a solution, if I understand what you mean.

Update Fiddle

I've added this line:

nav ul li:hover + li{
    border-right:none;
}

OR

border-right:1px solid transparent;

Problem

I have menu like the described in this fiddle It's a right to left menu. If you can see the left border when mouse hover still active. I want when mouse hover to remove the left side border CSS ``` nav ul li:hover{ background-color:#F9F9F9; border-style: solid; border-color:FAC3BC; border-top: 15px; border-left:none; border-right:none; } ```

Original source