I'd like to know what is the best way to add overall height to the accordion example in the link below.

I would like to make the `ul` sub-menu class taller, I would want the extra space to show as just empty with no list elements.

<http://vtimbuc.net/gallery/pure-css3-accordion-menu-tutorial/>

I think it is possible by adding another tag like a div around the `ul`, but I am wondering if there's an easier way in CSS?
['https://Stackoverflow.com/questions/13346165', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/359958/']
```
.accordion li:target > .sub-menu {
    min-height: 908px; //add your height here
    background: red; //add a background color what you would like 
    }

```

i made this

```
  min-height: 908px;

```

just for an example
You wouldn't increase the size of the `ul` sub-menu class, rather each individual `a` tag. 

Like so:

```
.accordion li > a {
  height: 64px; // was 32px;
}

```

This would double the height of each `a` tag, in turn increasing the height of `li` and ultimately the `ul`