As i was creating the new Theme for my blog, i ran into a problem which i always face while creating a form based script. Whenever i try to create a form based element, there will somehow be a space after the element which really spoils my theme. No matter what i do, the unwanted space is still there. Finally after a lot of researching and testing i found the solution which should work with both IE and Firefox.

Simply add the following style code to your Form Element directly or via CSS and it should remove the unwanted space.

style="margin-bottom:0; margin:0; padding:0;"

This is how i used it in my search box on my current theme. This is to get a rough idea on how to put the style code.

<form method="GET" action="/index.php"
style="margin-bottom:0; margin:0; padding:0;">

Hope this saved everyone a lot of trouble. If you have further problem or clarification just post it as a comment here.