CSS Problem

Hallo, könnte mir jemand sagen, wie ich miene style.css änder muss, dass ich rechts neben "middle" eine Uhr hinmachen kann? also ein zusätzlches fenster?

Code:

/* CSS Document */

html, body {
	background-color:#000000;
	margin:0;
	padding:0;
	font-family: Arial, Verdana, Trebuchet MS, Tahoma,  Helvetica, sans-serif;
	font-size:13px; /*schriftgröße navi*/
	color:#b5b5b5; /*hintergrund links space/rechts space*/
}
a img {
	border:none;
}
h2 {
	text-transform: lowercase;
}
#wrap {
	background-color: #202020;
	margin:0 auto;
	padding:0;
	width:802px; /*rechts space breite*/
}
#header {
	height:100px; /*header höhe*/
	text-align:center;
}
#left, #right, #middle {
	width:200px; /*navi breite*/
	float:left;
	margin-right:1px;
	margin-top:-3px;
}
#left, #right {
	color: #FFF; /*wort navigation andere farbe*/
	text-transform: capitalize; /*lowercaze = nur kleine buchstabe*/
}
#right {
	margin-right:0;
}
* html #left, * html #right {
	margin-top:3px;
}
#middle {
	width:600px; /*teil unter navi breite*/
	margin-top:-1px;
	font-size:13px;
	line-height:150%;
	background:#272727;
}
* html #middle {
	margin-top:-2px;
}
#footer {
	margin: 0 auto;
	height:34px;
	clear:both;
	background-image:url(images/footer.gif);
	text-align:right;
	padding-right:20px;
	width:780px;
	padding-top:5px;
	margin-top:10px; /*fußzeile*/
}

#footer img {
	vertical-align: bottom;
}
.footerLeft {
	float: left;
	width: 146px;
	margin-left: 161px;
	margin-top: 4px;
	padding-left: 3px;
	color: #FFF;
}
#middle h1 {
	background:#000 url(images/middle_h1.gif) no-repeat;
	width:580px;
	height:25px;
	margin:0 auto -10px auto;
	padding: 15px 0 0 20px ;
	font-size:12px;
}

#middle p,
#middle h2 {
	font-size:11px; /*haupttextfeld*/
	margin-left: 10px;
	margin-right:10px;
}
#left h1, #right h1 {
	background-image:url(images/side_top.gif);
	width:175px;
	height:20px;
	padding-left:25px;
	padding-top:9px;
	font-size:11px;
	margin-bottom:2px;
	font-weight: normal;
}
#left h2, #right h2 {
	background-image:url(images/side_bot.gif);
	width:185px;
	height:21px;
	text-align:right;
	padding-right:15px;
	padding-top:9px;
	font-size:11px;
	margin:0;
	font-weight:normal;
}
#left ul, #right ul  {
	list-style:none;
	margin:0;
	padding:0;
	background:#000000 url(images/side_ul.gif) repeat-y top;
} 
#left li, #right li {
	list-style:none;
	background:#202020 url(images/side_li.gif) no-repeat center top;
	width:170px; 
	height:23px;
	margin:0 auto;
	padding:2px 0 0 20px; /*navileiste "unter"*/
}
#left li:hover, #right li:hover {
	background-image:url(images/over_li.gif); /*navileiste "über"*/
}
a, a:link, a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
div.ct {
	margin: 0;
	margin-top: 5px;
	padding: 0;
	padding-left: 5px;
	background: transparent;
}

 

bei diesem css wür ich "Uhu" Superkleber vorschlagen und dem ganzen ein "float right" zuweisen, und dan schauen, dass die Uhr nicht zu groß ist, sonst sieht man vom Bildschirm nichts mehr, aber nur so kanns gehen . . .