html - CSS :Background color on hover State -

html - CSS :Background color on hover State -

i having left navigation in web page see attached pic improve thought of have in design

as shown in pic have 15px padding on both sides of navigation problem when hover on of element in navigation background color should set dark gray total width means 15 px padding on both sides must eliminated on hover state , background color

i cant how solve problem on hover state can add together

.nav > li > a:hover { background-color: #f18c2e; }

but how show total width background color per given pic ?

you can set box-shadow cover left , right side (15px offset):

nav li:hover { background:gray; cursor:default; box-shadow: 15px 0 0 gray, -15px 0 0 gray; } demo.

html css html5 css3