Here is the portion of my CSS that is bugging up.
html{
margin:0;
padding:0;
text-rendering: optimizelegibility;
font-smooth: always;
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
height: 100%;
}
body{
background: url("http://subtlepatterns.com/patterns/gplaypattern.png") repeat;
margin:0;
padding:0;
font-family: 'Cabin', sans-serif;
height: 100%;
width: 100%;
}
And here is my HTML:
<!DOCTYPE html>
<html lang="en" id='top'>
<head>
<meta charset="utf-8">
<title>Hostet</title>
<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
<link href="assets/css/login.css" rel="stylesheet">
<meta name="google-site-verification" content="m81SQO_2yfQciKVCY66HU2Jqy2jAsXqROdPczvpjs6o" />
</head>
<body>
<div style='margin-top:10px;'>
</div>
<div class='login'>
<div class='register'>Need an account ? <a href="register.php">Register here</a></div> <form action="login.php" method="post">
<p>
<label for="username">Username:</label>
<input type="text" name="username" id="username" value="" />
</p>
<p>
<label for="password">Password:</label>
<input type="password" name="password" id="password" />
</p>
<p>
<label for="set_cookie">Keep Me Logged In:</label>
<input type="checkbox" name="set_cookie" id="set_cookie" value="1" />
</p>
<p>
<button type="submit" class="btn btn-success">
Login <i class="icon-circle-arrow-right"></i>
</button>
</p>
</form>
</div>
<footer>©2012 HatGeek Inc. All rights reserved.</footer>
<script type='text/javascript'></script>
</body>
</html>
