Layout problem

In .credit, make the margin 0px
That should sort the bottom bit.
The bit above content .. I’m sure it’s the table, but I can’t quite see how.
Menu .. have you reduced the ‘top’ value by a few pixels to see if that works ?

Something is putting a carriage return after the table, but before the content div.
Making your #content margins like this;
margin: -20px 13em 0 0em;
brings the div up, but it also obscures (or might – I’m playing with code here) the bottom line of the top box.
A temp solution is to add a carriage return into the top box, and make the negative margin above …I’ll keep playing though ??

Okay … check here;
https://www.tamba2.org.uk/diablo.html
That’s that middle box in css. (view Source and pinch it).
Using that, I get no gap here, but of course I’ve only got part of the page anyway ….. let us know if it does anything ?

Thanks Podz. That worked perfectly.