Basic Style Error

HTML & CSS
1

If you look at that attached picture, you’ll see that the navigation, some items sit higher than the other items. The items that sit higher are the ones that just have an <li><a href=“#”> tag attached to them, and do not do a dropdown. Just wondering the easiest way to get them to all be in the same line, all lined up together perfectly.

Here is the CSS:



#navbar {
	margin: 0;
	padding: 0;
	height: 1em;
	text-align: center;
	display: inline-block;
	list-style-type: none;
}

#navbar li {
	list-style: none;
	float: left;
}

#navbar li a {
	display: block;
	padding: 3px 8px;
	margin: 0 auto;
	background-color: none;
	color: none;
	text-decoration: none;
}

#navbar li ul {
	display: none;
	width: 10em;
	background-color: none;
}

I tried different things with the #navbar li a section, but nothing I try works.

Thanks in advance!

2

Hi boboreo,

I copied your CSS to a blank page and am unable to replicate the problem.

If you would be kind enough to read these guidelines http://www.sitepoint.com/forums/showthread.php?1041498-Forum-Posting-Basics and post a working page that demonstrates the problem, I feel sure we will be able to help.

Cheers.