alt131 - 9:40 am on Jun 3, 2011 (gmt 0)
Hi barricades [webmasterworld.com] and welcome to WebmasterWorld :)
Can you explain what you mean by "line-up" - it could mean many different things!
When I looked at your code yesterday the part that seemed troublesome was:
The highlighted div was being used to apply a border effect, but as divs are display:block, it was being drawn below the first input, and that was causing div.submit to be drawn on the next "line" so that it was below the first input - not "beside" as you described. However, that was an issue in all browsers/versions I tested, not just ie6&7, so perhaps that isn't the problem.
<div class="input text">
<label for="...">Search for</label>
<input name=".." type="text" id="..." />
<div id="..." class=".."></div>
<div class="submit"><input type="submit" value="Search" /></div>
I just checked again and although the html hasn't changed, the second input is now floating right, and the styling removed from the div highlighted above. That means the inputs are on the left/right side of the page, even further away from each other, and the second input is still below the first.
So can you explain what you are wanting to achieve more clearly?