[SOLVED] Firefox Vs IE Rendering Problems..

Hi guys,

This is my first time posting so I hope I'm not breaking any rules.

Basically I'm running into a problem where Firefox is showing me the site the way I want it, while Internet Explorer is rendering things a little differently.

The page is http://www.shindasingh.com/playground/yudh/.

The main problem I'm facing is the Nav Bar the grey border is a little thicker in IE then in Firefox, but more importantly in IE the marquee holder is showing as a big block rather then the single line that it should be (as is working in Firefox).

Below is the CSS I'm using. Any help would be appreciated.

Thanks in advance to anyone who can help.

/* CSS Document */

body{
	background-image:url(images/background.gif);
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	text-align:center
}

#wrapper{
	width:775px;
	height:600px;
	vertical-align:top;
	background-color:#FFFFFF;
	border: 2 #333333 thick;
	margin: 0px auto;
}

#header{
	width:740px;
	background-color:#669999;
	height:200px;
	margin:0 auto;
	background-image:url('images/header.jpg');
}

#navBar{
	width: 760px;
	margin:0 auto;	
	background-color:#555555;
	height:30px;
	/*margin-top:10px;*/
	font-size:12px;
}

#navBar ul
{
	text-align: center;
	padding:0;
	margin:0;
	color:white;
	height:38px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bolder;

}

#navBar ul li
{
	float:left;
	padding:0;
	width: 20%;
	list-style-type:none;
/*	background-color: #036;  */
		background-image:url(images/navbar.gif);
}

#navBar ul li a
{
	float:left;
	padding:5px 0 5px 0;

	color:white;
	text-decoration:none;
	width:100%;
}

#navBar ul li a:hover
{
	background-color:#369;
	color:white;
	width:100%;
}

#body{
	width:760px;
	height: 350px; 
	background-color:#FF0000;
	margin: 0 auto;
	margin-top:5px;
	text-align:left;

}

.imgBox{
	width:475px;
	background-color:#CCCCCC;
	height:235px;
	margin-left: 10px;

}

.tickerBarDate{
	background-color:#8C8A8C;
	width:120px;;	
	background-color:#242424;
	color:#FFFFFF;
	height:20px;
	text-align:left;
	background-image:url(images/datespcer.gif);
	background-position:right;
	background-repeat:no-repeat;
	float:left;
	padding-left:20px;
}

.tickerBarMarquee{
	background-color:#8C8A8C;
/*	width:600px; /* Firefox  */ 
	width:620px; /* Firefox  */
	float:right;
}

.tickerBarMarquee ul li{
	float:left;
	list-style-type:none; 
	margin-right:20px;
	display:inline;

}