This question was asked some time ago and someone wrote a bit of code that sort of fixes this for text, not tried it for pictures though.
Code:
<body>
<div class="wedge"></div>
<div class="container">
<table>
<tr>
<td>
<p>Bull's eye!</p>
</td>
</tr>
</table>
</div>
</body>
With a separate CSS file for it being:
Code:
html, body {height:100%; margin:0; padding:0; font-style: italic;}
.wedge {float:left; height:50%; margin-bottom:-2em;}
.container {clear:both; height:4em; position:relative;}
table, tr, th {height:4em;width:100%;text-align:center;}
I use this for a page that has a dedication on it.
The author of the code said it's a bit rought-and-ready, but it did seem to work for me.