All I wanted to do was repeat my background image and have it hit any browser size.
Here's the code I ended up with:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
html {
background-image: url(images/backgroundimage.png);
background-repeat: repeat-y;
background-; margin: 0px;
padding: 0px;
width: 100%;
background-position: center center;
-moz-background-size: cover;
background-size: cover;
text-align: center;
}
-->
</style>
</head>
<body>
<img src="images/GowerAikidoLogo.jpg" width="459" height="181" alt="Logo" />
</body>
</html>
The last image in the "<body>" is a image I put in to test everything was working and when I did the background image disapears, also the same if I insert a table or even write words..