CSS not styling a site-wide announcement bar

Hello everyone.
Today, I was working on my site, and I have become frustrated on how none of the site-wide announcement is being styled. I was wondering if anyone could tell me what is wrong.

HTML:

[CODE]
<tr>
<td name=”notte” class=”notte” id=”noticebar” colspan=”3″ align=”center”>
<b><img id=”ward1″ class=”war1″ name=”war1″ src=”/images/CN.png” />Please notice that some of the pages are not yet created.<img id=”ward2″ class=”war2″ name=”war2″ src=”/images/CN.png” /></b>
</td>
</tr>
[/CODE]

Notice that the above code has been shortened, a table tag is in the full code.
CSS:

[CODE]
body {
background: #DB9736 url(‘/images/sset.png’) repeat-x fixed center top;
}
#navi {
}
#navigation {
background-image:url(‘/images/navbar.png’);
}
#noticebar
{
background: #FFB007;
color:#ffffff;
border 2px solid black;
}
#reg {
border-right: 1px solid #ffffff;
float: left;
list-style-type: none;
//white-space: nowrap;
}
#ward1 {
}
float: left;
margin: 4px;
}
#ward2 {
float: right;
margin: 4px;
}
#end {;
float: left;
list-style-type: none;
//white-space: nowrap;
}
#navigation li a {
padding-left: 10px;
color: #ffffff;
}
#navigation .selected, #navigation a:hover {
background: #003E9B none repeat scroll 0% 50%;
color: #ffffff;
text-decoration: none;
}
a {
text-decoration: none;
}
#login {
background-color: #ffffff;
}
[/CODE]

The float left and right I would also want fixed, since I want those images to be on the very left and right side of the bar.
If you need to see what it looks like on the site itself, its here:
[URL=”http://ericgrey.co.cc/”]http://ericgrey.co.cc/[/URL]
Thanks for any help ?

Also in #CSS _↴