Big gap when using EI

[henrikjt]

Hey Everyone,

http://15jewellplace.com

I have a problem with IE. The border under the navigation links is pushed down and there is a huge gap between the navigation links and the content. I cannot figure out what is causing that. Any help will be appreciated.

Thanks

Henrik

 

[Nodws]

in your css replace the <style></style> statement with this

<style type="text/css">
* {
margin:0;
padding:0;
}
#container {
	height: 100%;
	width: 801px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	position: relative;
}
#header {
	height: 30px;


	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#headerlogo {
	float: left;
	height: 60px;
	width: 600px;
	padding-bottom: 15px;
}
#jewelltext {
	float: left;
	height: 15px;
	width: 301px;
}
#footerdisclaimer {
	height: 150px;
	width: 33%;
	float: left;
	text-align: center;
	padding-top: 20px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
}
#footerlogo {
	float: left;
	height: 150px;
	width: 34%;
	text-align: center;
}
#footercopyright {
	height: 150px;
	width: 33%;
	float: left;
	text-align: center;
	padding-top: 20px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
}
body {
	margin: 0px;
	padding: 0px;
	top: 0px;
	height: 100%;
	background-color: #001326;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#content {
	height: 100%;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 10px;
	padding-top: 10px;
}
#footer {
	height: 150px;
	width: 801px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	color: #CCC;
}
#footer2 {
	background-color: #090;
	height: 100px;
	width: 800px;
}
#headernav {
	float: right;
	height: 25px;
	width: 500px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	text-decoration: none;
	color: #CCC;
	text-transform: capitalize;
	text-align: center;
	font-style: normal;
}
a:link {
	text-decoration: none;
	color: #CCC;
}
a:visited {
	text-decoration: none;
	color: #CCC;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
a:active {
	text-decoration: none;
	color: #FFF;
}
-->
</style>
 <!--[if !ie]>-->
<style>
#header{height:100px}
</style>
        <!--<![endif]-->

 

[henrikjt]

thanks, that worked, did you change anything other than the bottom part? I really appreciate your help. Thanks again