Having trouble aligning two divs.

http://www.buyjeepparts.net

The search box and the text that says "BuyJeepParts.net is your premier source for information, articles, reviews, and more on Jeep related parts and accessories. " should be right next to each other, with the search box on the left and the text on the right. For some reason I can't get them to align.

Any help?

 

I was not able to get your style sheet to see how you have set it up, but you can easily avoid that by creating a table.

build two columns, and pop each side in to the table. Use % to ensure consistency in other browsers

hope this help

 

Try using absolute positioning.

 

Ok I removed the float from the welcome div, gave it a width of 500px and set it to position: relative and then top: 30px;

 

This helped somewhat. It looks fine in Firefix except the Search and welcome text were suppose to be on the opposite sides of each other.

In IE though, it's just messed up. I'll keep playing with it buy if anybody else could help, that'd be great.

 

try using padding.

 

I would not be designing the site the way you are right now but here is a fix:

styles.css (line 74)

#middle2 {
margin:0;
}

styles.css (line 110)

#welcome {
background:#8D8D8D none repeat scroll 0 0;
font-family:Arial;
font-size:12px;
height:116px;
left:237px;
margin-left:4px;
padding:23px 20px 0 10px;
position:absolute;
top:371px;
width:500px;
}

 

Thank you very much.