(Solved) Browser problem (not displaying properly in IE)

[Neo]

Hi all,

I have a global content block with search box embedded in it. But the problem is that it is not aligned properly and it is present in a different position in different browsers. Especially, in IE (sometimes in Mozilla also) it is displaying the search box in a separate line. So should I write different codes for different browsers or how does it work?

I have given the link to the website below.

http://cms.ce.gatech.edu/ceetest/

Any pointers to this would be greatly helpful.

Thanks,
Neo

[SideshowBob]

Hi Neo,

I think this is due to the fact that IE applies some margin to forms. Something like this might help:

Code: Select all

div#utility form{margin:1px 0}

Consider using some kind of css reset (Google it) for better consistency across browers.

Bob

[Neo]

Hi Bob,

Thanks a lot. It resolved the problem 

Neo