ultrasheer
New Member
I have this menu bar at the top of my page and it's not aligned properly.The links are meant to be aligned to the bar so they are the same height.Example here.HTML:<html><head><title>DatNerd - Home</title><!--External Javascripts--><script src="http://stackoverflow.com/questions/14081854/externals/javascript/jquery-1.8.3.js"></script><script src="http://stackoverflow.com/questions/14081854/externals/javascript/jquery-ui.js"></script><script src="http://stackoverflow.com/questions/14081854/externals/javascript/jquery.cookie.js"></script><script src="http://stackoverflow.com/questions/14081854/externals/javascript/animated-hover.js"></script><script src="http://stackoverflow.com/questions/14081854/externals/javascript/javascript.js"></script><script src="http://stackoverflow.com/questions/14081854/externals/javascript/mobdetect.js"></script><!--External CSS--><link rel="stylesheet" href="http://stackoverflow.com/questions/14081854/externals/css/main.css" /><link rel="stylesheet" href="http://stackoverflow.com/questions/14081854/externals/css/jquery-ui.css" /></head><body><div id="toolbar"><ul><li><a href="http://stackoverflow.com/questions/14081854/#">Home</a></li><li><a href="http://stackoverflow.com/questions/14081854/#">Contact</a></li><li><a href="http://stackoverflow.com/questions/14081854/#">Stats</a></li><li><a href="http://stackoverflow.com/questions/14081854/#">Projects</a></li></ul></div></body></html>CSS:#toolbar{background: #b2b2b2; /* Old browsers */background: -moz-linear-gradient(top, #b2b2b2 2%, #2b2b2b 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#b2b2b2), color-stop(100%,#2b2b2b)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #b2b2b2 2%,#2b2b2b 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #b2b2b2 2%,#2b2b2b 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #b2b2b2 2%,#2b2b2b 100%); /* IE10+ */background: linear-gradient(to bottom, #b2b2b2 2%,#2b2b2b 100%); /* W3C */filter: progid
XImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-9 */width:100%;height:40px;position:fixed;top:0;left:0;line-height:40px;}#toolbar ul{list-style-type:none;}#toolbar a{float:left;width:100px;text-decoration:none;color:white;background-color
urple;height:100%;text-align:center;}#toolbar a:hover{background-color:#ff3300;}#toolbar li {display:inline;}
XImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-9 */width:100%;height:40px;position:fixed;top:0;left:0;line-height:40px;}#toolbar ul{list-style-type:none;}#toolbar a{float:left;width:100px;text-decoration:none;color:white;background-colorurple;height:100%;text-align:center;}#toolbar a:hover{background-color:#ff3300;}#toolbar li {display:inline;}