I have a container div with a set width and height and the overflow set to auto. Inside, there is an unordered list with content that causes the div to scroll.
The problem is that the list itself does not extend past the container div. So when I try to add padding to the right side of the list, it doesn't work properly:
padding: 0 10px 0 0;
float: left to your
ul menu element.
If you float your
ul within the
.container, the item will no longer expand to the width of the parent.
Try it here
You can achieve this with adding:
display: inline-block too, instead floating it.