My ul-element has multiple lis with a background color assigned to it. I am using the CSS3 columns property and everything is working well, but the background color of my ul is only visible in the first column. What could be causing this issue?
Thank you for your help!
<style>
ul {
position: absolute;
top: 0;
height: 170px;
background: red;
-webkit-column-count: auto;
-moz-column-count: auto;
column-count: auto;
-webkit-column-width: @ul_level2_width;
-moz-column-width: @ul_level2_width;
column-width: 200px;
}
</style>
<ul>
<li>Test 1</li>
<li>Test 1</li>
...
<li>Test 1</li>
<li>Test 1</li>
</ul>