Question

In the following example, I’m trying to get the text, input box and icon to align without over lapping.

http://jsfiddle.net/zGZM7/2/

Is there some css I’m missing?

Thanks

Edit, sadly I need a solution which will work with FF and IE6 🙁

Answer 1

You have a lot of irrelevant CSS in your fiddle and the only relevant bit isn’t getting called as it in your example requires to be under a ul with id #icons. Removing the ul#icons with the following:

.ui-icon {float: left; margin: 0 4px;}

Should make it work as you described.

example:
http://jsfiddle.net/niklasvh/kTFw7/