I’m finding that when I create a list in HTML5 and populate the list items with images, there is some padding added to the bottom of the list item. This is not the case if I use the exact same code in XHTML. The code is pretty basic, a simple unordered list. Each list item element holds an image. I’ve removed the padding and margin from the ul, li and img elements via CSS. Does anyone know why the gaps are present in HTML5, but not in XHTML? And if so, how do I get rid of them. Here are examples of what I mean. Both pages use the exact same code and CSS. The only difference is the HTML vs XHTML declaration. Thanks for any help or insight.
List in HTML5 with gaps
http://www.digitalvisionmedia.com/teststuff/html5/listhtml5.html
List in XHTML with no gaps
http://www.digitalvisionmedia.com/teststuff/html5/listxhtml.html