Div not getting correct height with img content

catfishgirl

New Member
I have a simple page with a single div. Inside that div I have an image with dimensions [h:58px, w:173px]. \[code\]<body> <div id="main_header"> <img src="http://stackoverflow.com/questions/14573479/logo.gif" style="padding: 0; margin: 0;"> </div></body>\[/code\]It is not wrapped in any other tags. However, Chrome calculates the height of the container div as 63px. There is no associated css with the #main_header. html and body both have margin and padding set to 0.Can anyone explain why the div's height is coming out to 63 and not 58?
 
Back
Top