[Turtle91]

I've never needed to use display table. I simply put it in a div. Something along the lines of:

<div class="fig"><img alt="" src="../Images/Philippinedmg.jpg" />Damage from Typoon Haiyan in the Philippines</div>

css:
div.fig {
margin: 1em 0 1em 1em;
float: right;
page-break-inside: avoid;
text-align: center;
font-size: 0.75em;
font-family: Verdana, sans-serif;
width: 25%;   (or whatever)
max-width: 300px   (the actual width of your img to avoid blurring when stretched)
}

div.fig img {
display: block;
margin-bottom: 2px
}

I would also try and avoid spaces in your file names...some systems barf on those.