Link to home
Start Free TrialLog in
Avatar of nsitedesigns
nsitedesignsFlag for United States of America

asked on

reposition nav bar and fix white space beneath nav bar

How do I fix the nav bar that is not sitting right in IE?  The buttons on the nav bar  float to the right and there is a ton of whitespace beneath the nav bar.   When I remove the white space so it looks good in IE, it is bad in ALL other browsers.

http://nsitedesigns.com/nsitedesigns/crystal/index.html
http://nsitedesigns.com/nsitedesigns/crystal/crystal.css
/* ............. NAVIGATION ............... . */

#nav {
display: inline-block; 
width:900px;
font-weight:bold;
float:left;
background-color:#000;
text-align:center;
}

#nav ul li {
float:left;

}

#nav li a {
color:#fff;
display:block;
padding:3px 23px 3px 23px;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	text-align:center;
	border-right:1px solid #fff;
}


#nav ul {
	list-style: none ;
	display: inline ;
	}
	


#nav li a:hover {
text-decoration:none;
background-color:#ba6721;
    }
	
	
	.firstbutton {
	margin-left:80px;
	border-left:1px solid #fff;
	padding:0px;
	}

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of David S.
David S.
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of nsitedesigns

ASKER

The html was modified  directly from a DW template.  The below code was in the bottom of the css.  Should I add the info here?


/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixRtHdr #sidebar1 { width: 220px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */

Open in new window

#nav {
display: inline-block; 
width:900px;
font-weight:bold;
float:right; //--------
background-color:#000;
text-align:center;
}

Open in new window

No. I recommend you put them in the normal stylesheet.
Thanks again K!