Ucoz copyright is not visible

Message # 1 | 11:13 AM 2015-01-04

The ucoz copyright banner is not visible anymore on my website after i inputted my own html and css codes.

This is my html:

Code

<!DOCTYPE html>
<html>
<head>
  <link type="text/css" rel="StyleSheet" href="/_st/my.css" />
  <link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
</head>
<body>
<br>
<div id="logo"></div>
<br/>
<p id="navbar"><a href="#">الرئيسية<a> <a href="#">الصور</a> <a href="#">تواصل</a></p>
<br>
  <div id="footer"><p id="copyright">$POWERED_BY$</p></div>
</body>
</html>

and here is my css:

Code

html {
  overflow-x:hidden;
}

body {
  background-color:#EEEEEE;
  background-image: url("http://testservertd.ucoz.com/grayed.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

body:hover {
  background-color:#EEEEEE;
  background-image: url("http://testservertd.ucoz.com/15700452088_6777f4660f_b.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width:129px;
  height:88px;
  background-image: url("http://testservertd.ucoz.com/logo.png");
}

#navbar {
  background-color: #000000;
  background-color: rgba(0,0,0,0.3);
  border-radius:50px;
  margin: auto;
  display: block;
  width: 250px;
  height: 22px;
  text-align: center;
  padding-top:3px;
  word-spacing:30px;
}

a {
  text-decoration: none;
  color:#C8C8C8;
}

a:hover {
  color:#57B0F9;
}

#footer {
  background-color: #000000;
  background-color: rgba(0,0,0,0.3);
  height:30px;
  width:99999999px;
  margin-left:-600px;
  position: fixed;
  bottom:0;
}

#copyright {
  color:#ffffff;
  display: block;
  text-align: center;
}

Page 1 of 1 1
Forum moderator: bigblog