troubleshooting Question

Horizontal Menu Not Straight in IE7

Avatar of JF0
JF0Flag for United States of America asked on
CSSHTML
15 Comments2 Solutions425 ViewsLast Modified:
see code
<style type="text/css">
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* The Styles */
#main-nav {
	position:relative;
	height: 45px;
	background-color: #38312f;
	margin-top: 10px;
	border-top-style: solid;
	border-top-width: 1px;
}

#main-nav ul {
	margin: 0px 15px 10px 1px;
	font-size:1.5em;
	font-family: Georgia, serif;
}

#main-nav li a{
	display:inline;
	width:100px;
	float:left;
	text-align:center;
	display: block;
	text-decoration:none;
	padding: 12px 0px 12px 0px;
	border-left-color:white;
	border-left-width:1px;
	border-left-style:solid;
}

#main-nav li:last-child a:last-child{
	border-right-color:white;
	border-right-width:1px;
	border-right-style:solid;
}

#main-nav a:link {
    color:white;
	text-decoration:none;
}

#main-nav a:visited {
    color:white;
	text-decoration:none;
}

#main-nav a:active,

#main-nav a:hover {
    color: #ac281e;
	background-color: white;
}

</style>

<div id="main-nav">
			<ul>
				<li><a href="/">Home</a></li>
				<li><a href="/xxx/">Xxx</a></li>
				<li><a href="/xxx/">Yyy</a></li>
				<li><a href="/xxx/">Zzz</a></li>
			</ul>
            <img class="floatright" src="http://rss.jpg" alt="Subscribe to our RSS Feed!" style="margin-top:-10px;" />
            <img class="floatright" src="http://5u84f48n.png" alt="Find us on Facebook" style="margin-top:-10px;" />

</div>
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 2 Answers and 15 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 2 Answers and 15 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros