I am trying too code a simple thing: an image in a div with no space between their borders but somehow I always get a bottom margin (or padding depending on how you want to see it). I tried putting margin and padding to 0 but it doesn't change anything.

Here is the code:

```
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
    <head>
        <meta charset="utf-8"/>
        <title>Sandbox</title>
        <style>
            *{margin:0;padding:0;}
            div{
                background:red;
            }
        </style>
    </head>
    <body>
        <div>
            <img src="image.jpg"/>
        </div>
    </body>
</html>

```

I tried on two browser already (Chrome, Maxthon) no luck. is it in the specification or all web browser are messing when it come to that?