<!DOCTYPE html>
<htm><head>
<style>
.li {
  display: list-item;
  background: red;
  float: left;
  line-height: 0;
}

.ul {
  list-style-type: none;
  list-style-position: inside;
}
</style>
</head>
<body>

<pre>There should be no red areas.</pre>

<div class="ul">
    <div class="li"><a href="#">
          <img src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=" height="75" width="75">
        </a></div>
</div>


</body></html>