So, post goes here, yes, it will scroll still. But now, you can read the words :D

There was an issue in the numbers that were used for the position of the div, it was position:absolute; top:33px; - which means 33px from the top of the entire webpage. I changed this to position:absolute; top:378px; - which now puts it in place on your image, and 378px from the top of the page.

The large space i was talking about earlier was from where i changed position:absolute; top:378px; to position:relative; top:378px;. This meant that it needed the extra space to make room for the relative position of the div, rather than simply counting the position as absolute and therefore immovable.

It was a joy figuring this out, and I appreciate the opportunity ^_^