Is it possible to reproduce this image using only CSS?

![enter image description here](https://i.stack.imgur.com/rO9bJ.jpg)

I want to apply this to my menu, so the brown background appears on `hover` instance

I don't know how to do this, I only have;

```
.menu li a:hover{
     display:block;
     background:#1a0000;
     padding:6px 4px;
}

```