Hey I have a div followed by an image. Howcome the image won't line-up next to div despite having enough space and explicitly again setting the element to display:inline?

HTML Code:
<div id="gelijkvloers">
	<h1>Gelijkvloers</h1>
	<ul>
		<li>500m2</li>
	</ul>
</div>
<img src="afbeeldingen/plattegrond_gelijkvloers.jpg" alt="plattegrond van de gelijkvloers" />
Code:
/* GELIJKVLOERS */

div#gelijkvloers{
	margin: 10px 0 0 0;
	padding: 0 0 0 8px;
	background-color:#000;
	color:#fff;
	width:200px;
}

img{
	display:inline;
	border: 1px solid #000;
}