Here is the full code for the cover page I created using the svg wrapper:
Code:
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>In the Celtic Past</title>
<link href="../Styles/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div>
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 1200 1600" xmlns:xlink="http://www.w3.org/1999/xlink">
<image height="1600" width="1200" xlink:href="../Images/cover.jpg"></image>
</svg>
</div>
</body>
</html>
This has worked a treat. Just change the dimensions in the viewBox and image tag to the actual dimensions of your image. Obviously, you would have your own title between the title tags... oh, and change the name of the image if yours isn't "cover.jpg".