I have been trying to make text flow across the screen against a stunning matrix background. Every time I attempt it, the marquee seems to push the matrix down and leaves an unsightly black gap. My goal is to position the matrix (div columns) so that they stretch to the top of the page but stay behind the marquee. I've played around with CSS absolute positioning, but I must be missing something... Here's how my code looks at the moment.
<html>
<head>
<HTA:APPLICATION
APPLICATIONNAME="Matrix"
VERSION="1.0.0.0"
AUTHOR="Someone"
BORDER="none"
INNERBORDER="no"
CAPTION="no"
SYSMENU="no"
MAXIMIZEBUTTON="no"
MINIMIZEBUTTON="no"
ICON="NO"
SCROLL="no"
SCROLLFLAT="yes"
SINGLEINSTANCE="yes"
WINDOWSTATE="maximize"
SHOWINTASKBAR="no"
CONTEXTMENU="no"
SELECTION="no"/>
<title>Matrix © 2017</title>
<style type="text/css">
body{
background-color: black;
color: DarkSlateGray;
font-size: 20px;
}
div{
width: 20px;
float: left;
}
</style>
<font color="#FF0000" size="+3"><marquee>Marquee Text Here</marquee></font>
...