<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>li</title>
<style>
*{
margin:0;
padding:0;
}
-sharpmain {
width: 392px;
height: 203px;
}
img {
width: 392px;
height: 203px;
}
</style>
</head>
<body>
<div id="main">
<ul id="box">
<li><img src="image/download.png" /></li>
</ul>
</div>
</body>
</html>
Why is it that when looking at the element, li 392 208, this li adds a height of 5px below, what is it if it is not margin padding,?