I have a list with Icons here:http://punky-monkey.co.uk/chalet6/our-chalet/\[code\]<ul class="keyfeatures"> <li id="sleeps14">Sleeps 14</li> <li id="hottub">Outdoor Hot Tub</li> <li id="fire">Log Fire</li> <li id="terrace">South Facing Terrace</li> <li id="outdoorterrace">Outdoor Terrace</li> <li id="coffee">Bean to Cup Coffee Machine</li> <li id="wine">Honesty Bar</li> <li id="tv">Freeview TV</li> <li id="games">Games Console</li> <li id="ipod">iPod Dock</li> <li id="wifi">Free Wi-Fi</li></ul>\[/code\]CSS\[code\].keyfeatures li {list-style-type:none; vertical-align:top; margin-left:30px; list-style:none;}ul #sleeps14 { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/bed.png'); }ul #hottub { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/hottub.png'); }ul #fire { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/fire.png'); }ul #terrace { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/sun.png'); }ul #outdoorterrace { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/lounger.png'); }ul #coffee { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/beans.png'); }ul #wine { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/wine.png'); }ul #tv { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/tv.png'); }ul #games { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/games.png'); }ul #ipod { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/ipod.png'); }ul #wifi { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/wifiicon2020.png'); }\[/code\]I want to remove the bullet points from the list and only have the icons, I have tried putting list-style-type:none pretty much everywhere - something is overwriting it.Can anyone help? Thanks, Warren