No replies
Dean25800
Dean25800's picture
Offline
newbie
United Kingdom
Last seen: 8 years 22 weeks ago
United Kingdom
Timezone: GMT+1
Joined: 2011-05-16
Posts: 2
Points: 4

http://gamersmadness.com/2/1/

In the above URL, in Internet Explorer and Firefox the navagation links are out of place.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 
	<head> 
		<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
		<meta name="language" content="en" /> 
		<title>Gamers Madness :: Home</title>
		<link href="main.css" rel="stylesheet" type="text/css" />
		<link href="fixes.css" rel="stylesheet" type="text/css" />
		<!--[if IE]>
			<link rel="stylesheet" type="text/css" href="ie.css" />
		<![endif]-->
		<script type="text/javascript">
			function doLogout(){
				if(confirm("Are you sure you want to logout?")){
					window.location = "http://gamersmadness.com/logout";
				}
			}
		</script>
	</head>
	<body>
		<div class="main">
			<div id="header">
				<ul id="logo">
					<li id="logo-logo">
						<a href="index.html"></a>
					</li>
				</ul>
				<div id="login">
					<form id="login-form" method="post" action="">
						<fieldset>							
							<input class="field-login" type="text" name="username" value="username" onfocus="if(this.value == 'username') this.value = '';" onblur="if(this.value == '')this.value='username';" />
							<input class="field-login" type="password" name="password" value="password" onfocus="if(this.value == 'password') this.value = '';" onblur="if(this.value == '')this.value='password';" />
							<input id="login-button" type="submit" name="dologin" value="" />
						</fieldset>
					</form>
				</div>
			</div>
			<ul id="nav">
				<li id="home-link-act">
					<a href="/2/"></a>
				</li>						
				<li id="brackets-link">
					<a href="/brackets"></a>
				</li>
				<li id="faq-link">
					<a href="/faq"></a>
				</li>
				<li id="about-link">
					<a href="/about"></a>
				</li>
				<li id="contact-link">
					<a href="/contact"></a>
					</li>
				<li id="register-link">
					<a href="/register"></a>
				</li>
			</ul>
			<div id="body">
				<div id="slider">
					<img src="images/news/GoW.png" alt="" />
				</div>
				<div id="ad">
 
				</div>
			</div>
			<div id="leaderboards">
				<div id="most-kudos">
 
				</div>
				<div id="most-won-at-once">
 
				</div>
				<div id="most-kudos-won-overall">
 
				</div>
			</div>
			<div id="footer">
				<ul id="footer-links">
					<li class="footer-link">
						<a href="index.html">HOME</a>
					</li>
					<li class="footer-link">|</li>
					<li class="footer-link">
						<a href="/brackets">BRACKETS</a>
					</li>
					<li class="footer-link">|</li>
					<li class="footer-link">
						<a href="/faq">FAQ</a>
					</li>
					<li class="footer-link">|</li>
					<li class="footer-link">
						<a href="/about">ABOUT</a>
					</li>
					<li class="footer-link">|</li>
					<li class="footer-link">
						<a href="/contact">CONTACT</a>
					</li>
					<li class="footer-link">|</li>
					<li class="footer-link">
						<a href="http://influentialstudios.com/" target="_blank">IS</a>
					</li>
				</ul>
				<p style="margin:10px 0 0 10px;">Copyright (C) 2011 - <a href="http://gamersmadness.com/" style="font-weight:normal;">GamersMadness.com</a></p>
				<div id="footer-logo"></div>
			</div>
		</div>
	</body>
</html>

CSS:

/*
*
*	(C) Gamers Madness 2011
*
*	Dean
*
*/
 
 
 
/*
*	Reset elements
* 
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight:normal;
}
 
 
 
/*
*	Main - body, etc
*
*/
body{
	font-family:Segoe;
	font-size:11px;
	background:#252525 url('http://gamersmadness.com/2/images/bg-black.gif') repeat-x;
}
#header{
	height:145px;
}
#body{
 
}
 
 
/* Links */
a:link{
	color:white;
	text-decoration:none;
}
A:visited{
	color:white;
	text-decoration:none;
}
a:active{
	color:white;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
 
 
/* 
*	Main body - Wraps all, etc 
*
*/
.main{
	width:980px;
	margin:0 auto;
	padding:8px 0 8px 25px;
}
 
/* Logo */
#logo{
	margin:10px 0 0 -50px;
	width:336px;
	height:111px;
}
#logo li {
	display:inline;
}
#logo li a, a:hover {
	overflow:hidden;
	float:left;
}
#logo-logo a{
	width:336px;
	height:111px;
	background:url('http://gamersmadness.com/2/images/logo.png') no-repeat;
}
 
 
/* Login */
#login{
	margin:-120px 0 0 590px;
	width:369px;
	height:94px;
	padding-left:30px;
	background:url('http://gamersmadness.com/2/images/bg-login.png') no-repeat;
}
.field-login{
	width:120px;
	height:22px;
	border:0;
	padding:0 0 0 7px;
	margin:45px 0 0 0;
	color:white;
	font-weight:bold;
	background:url('http://gamersmadness.com/2/images/txt-field.png') no-repeat;
}
#login-button{
	margin:-5px 0 0 1px;
	width:58px;
	height:22px;
	border:0;
	cursor:pointer;
	background:url('http://gamersmadness.com/2/images/btn-go.png') no-repeat;
}
 
/*
*	User logged in panel
*
*/
#user-details{
	margin:-110px 0 0 674px;
	width:284px;
	height:94px;
	background:url('http://gamersmadness.com/2/images/bg-loggedin.png') no-repeat;
}
#user-avatar{
	margin:22px 0 0 38px;
	width:62px;
	height:64px;
	max-width:50px; 
	max-height:50px; 
}
#user-username{
	position:absolute;
	margin:15px 0 0 13px;
	font-size:14px;
	color:white;
	font-weight:bold;
}
#user-kudos{
	margin:-61px 0 0 230px;
	font-size:19px;
	font-weight:bold;
	color:#A4CF30;
}
#user-brackets{
	max-width:20px;
	max-height:20px;
}
 
/* 
*	Navigation
*
*/
#nav{
	margin:-40px 0 0 -50px;
	width:1042px;
	height:649px;
	background:url('http://gamersmadness.com/2/images/nav-bg.png') no-repeat;
}
#nav li {
	display:inline;
}
#nav li a, a:hover {
	overflow:hidden;
	float:left;
	height:44px;
}
 
 
 
/* Links in navagation */
#home-link a{
	margin-left:31px;
	width:77px;
	background:url('http://gamersmadness.com/2/images/nav-home.png') no-repeat;
}
#home-link-act a{
	margin-left:31px;
	width:77px;
	background:url('http://gamersmadness.com/2/images/nav-home-act.png') no-repeat;
}
#home-link a:hover{
	width:77px;
	background:url('http://gamersmadness.com/2/images/nav-home-act.png') no-repeat;
}
 
 
#brackets-link a{
	width:98px;
	background:url('http://gamersmadness.com/2/images/nav-brackets.png') no-repeat;
}
#brackets-link-act a{
	width:98px;
	background:url('http://gamersmadness.com/2/images/nav-brackets.png') no-repeat;
}
#brackets-link a:hover{
	width:98px;
	background:url('http://gamersmadness.com/2/images/nav-brackets-act.png') no-repeat;
}
 
#faq-link a{
	width:64px;
	background:url('http://gamersmadness.com/2/images/nav-faq.png') no-repeat;
}
#faq-link-act a{
	width:64px;
	background:url('http://gamersmadness.com/2/images/nav-faq.png') no-repeat;
}
#faq-link a:hover{
	width:64px;
	background:url('http://gamersmadness.com/2/images/nav-faq-act.png') no-repeat;
}
 
 
#about-link a{
	width:81px;
	background:url('http://gamersmadness.com/2/images/nav-about.png') no-repeat;
}
#about-link-act a{
	width:81px;
	background:url('http://gamersmadness.com/2/images/nav-about.png') no-repeat;
}
#about-link a:hover{
	width:81px;
	background:url('http://gamersmadness.com/2/images/nav-about-act.png') no-repeat;
}
 
 
#contact-link a{
	width:110px;
	background:url('http://gamersmadness.com/2/images/nav-contact.png') no-repeat;
}
#contact-link-act a{
	width:110px;
	background:url('http://gamersmadness.com/2/images/nav-contact.png') no-repeat;
}
#contact-link a:hover{
	width:110px;
	background:url('http://gamersmadness.com/2/images/nav-contact-act.png') no-repeat;
}
 
#register-link a{
	width:94px;
	background:url('http://gamersmadness.com/2/images/nav-register.png') no-repeat;
}
#register-link-act a{
	width:94px;
	background:url('http://gamersmadness.com/2/images/nav-register-act.png') no-repeat;
}
#register-link a:hover{
	width:94px;
	background:url('http://gamersmadness.com/2/images/nav-register-act.png') no-repeat;
}
 
 
#logout-link a{
	width:94px;
	background:url('http://gamersmadness.com/2/images/nav-logout.png') no-repeat;
}
#logout-link-act a{
	width:94px;
	background:url('http://gamersmadness.com/2/images/nav-logout.png') no-repeat;
}
#logout-link a:hover{
	width:94px;
	background:url('http://gamersmadness.com/2/images/nav-logout-act.png') no-repeat;
}
 
 
 
/* 
*	Body
*
*/
 
/* Slider */
#slider{
	margin:20px 0 0 -10px;
	width:960px;
	height:387px;
	background:url('http://gamersmadness.com/2/images/slider-main.png') no-repeat;
}
 
/* Advertisements */
#ad{
	margin:20px 0 0 120px;
	width:728px;
	height:90px;
	background:url('http://gamersmadness.com/2/images/ad.png') no-repeat;
}
 
/* Top 5 */
#leaderboards{
	max-height:450px;
	margin:20px 0 0 0;
	float:left;
}
#view-all a{
	margin:330px 0 0 100px;
	width:107px;
	height:36px;
	background:url('http://gamersmadness.com/2/images/view-all.png') no-repeat;
}
#most-kudos{
	margin:60px 0 0 -20px;
	width:318px;
	height:430px;
	background:url('http://gamersmadness.com/2/images/most-kudos.png') no-repeat;
}
#most-won-at-once{
	margin:-430px 0 0 315px;
	width:318px;
	height:430px;
	background:url('http://gamersmadness.com/2/images/most-won-at-once.png') no-repeat;
}
#most-kudos-won-overall{
	margin:-430px 0 0 645px;
	width:318px;
	height:430px;
	background:url('http://gamersmadness.com/2/images/most-kudos-won-overall.png') no-repeat;
}
 
 
/*
* Footer
*
*
*/
#footer{
	margin:530px 0 0 -19px;
	width:980px;
	height:168px;
	padding:20px;
	color:white;
	font-size:13px;
	background:url('http://gamersmadness.com/2/images/footer-bg.png') no-repeat;
}
#footer-links li{
	display:inline;
}
#footer-links li a, a:hover{
	overflow:hidden;
	font-weight:bold;
}
.footer-link a{
	margin:0 10px 0 10px;
}
#footer-logo{
	margin:-30px 0 0 850px;
	width:70px;
	height:93px;
	background:url('http://gamersmadness.com/2/images/footer-logo.png') no-repeat;
}
 
 
/*
*	REGISTRATION PAGE
*
*/
#login-info{
	margin:-590px 0 0 0;
	width:223px;
	height:23px;
	background:url('http://gamersmadness.com/2/images/registration/txt-login-info.png') no-repeat;
}
#user-info{
	margin:10px 0 0 0;
	width:223px;
	height:19px;
	background:url('http://gamersmadness.com/2/images/registration/txt-user-info.png') no-repeat;
}
#legal-documents{
	margin:10px 0 0 0;
	width:223px;
	height:23px;
	background:url('http://gamersmadness.com/2/images/registration/txt-legal-docs.png') no-repeat;
}
#captcha-ver-head{
	margin:10px 0 0 0;
	width:223px;
	height:19px;
	background:url('http://gamersmadness.com/2/images/registration/txt-captcha-ver.png') no-repeat;
}
#captcha{
	margin:10px 0 0 0;
}
 
#registration-form{
	margin:10px 0 0 0;
}
 
#upon-reg{
	margin:-500px 0 0 450px;
}
 
.field-registration{
	margin:0 0 0 5px;
	width:146px;
	height:21px;
	border:0;
	background:url('http://gamersmadness.com/2/images/registration/txt-field.png') no-repeat;
}
.reg-dropdown{
	margin:0 0 0 5px;
}