Something seems off with the alignment of my search bar. It's causing the horizontal line to shift down when I add it next to the vertical lines at the bottom. I've tried adjusting the padding, margins, and even played with positive and negative pixel values, but nothing seems to work. Here are the three blocks of code that affect the positioning of the search bar within the div:
#search-bar {
top: 0px;
}
.topbar {
float: left;
height: 150%;
}
#top-bar {
width:1200px;
margin: 0 auto;
height: 40px;
}