@ross.tormey
Thank you for posting in the forum. I tried responding to your support email many times over a period of several days but just received "Delivery Status Notification (Failure)" messages.
It looks like the space at the top of your gallery may be caused by some CSS in your 'main.css' file.
I believe the space may be the margin and padding at the bottom of the ol li section.
Notice how the top of the gallery is in line with the bottom of the 'leftNames' <div>.
Open the 'main.css' file in a plain text editor and try changing the following code:
ol li {
font-size:15px;
font-weight: normal;
color:red;
border-bottom:1px solid #ccc;
padding:0 0 15px;
margin:0 10px 15px 0;
color: red;
}... to:
ol li {
font-size:15px;
font-weight: normal;
color:red;
border-bottom:1px solid #ccc;
padding:0 0 0;
margin:0 10px 0 0;
color: red;
}... to see if it makes a difference.
Also, I notice that your web page does not use a Doctype declaration. It is important that each HTML document uses a Docytype declaration in order to inform the user's browser what set of standards the code on your web page should conform to. Add an appropriate Doctype declaration to your page: http://www.w3.org/QA/2002/04/valid-dtd-list.html
From the look of your code, you could use the HTML 5 Doctype. Add the following code to the very top of your HTML page (before the opening <html> tag).
<!DOCTYPE html>Once you have added the Doctype Declaration to your web page, you can check the page for HTML errors (and fix any errors reported) with the W3C Markup Validation Service: http://validator.w3.org/