Gah. This took longer than it should have. IE sucks.
This is a version that uses CSS and won't give you any gaps. Don't get me started about how if you want to float an image within a div in IE, the browser will insert whitespace around the image. The code below could be more terse for FireFox, but this is a good cross-browser solution:
Code:
<style>
.left, .right, .middle {
float: left;
}
.middleimg {
float: left;
clear: left;
}
</style>
<div class="left">
<img src="fascia_left.gif">
</div>
<div class="middle">
<div class="middleimg"><img src="fascia_top.gif"></div>
<div class="middleimg"><img src="empeg_screen.png"></div>
<div class="middleimg"><img src="fascia_bottom.gif"></div>
</div>
<div class="right">
<img src="fascia_right.gif">
</div>