Dear friends, Our site www.eraju.com which has been developed on CSS is showing some display errors on different browsers. On almost all browsers the search bar gets displayed well except on Internet explorer. check this: Kindly help me with this... With Regards
You need to make your elements "display: inline" and make sure their width doesn't exceed the available space.
stuklen is pointing you the right direction, since for starters you do not have HTML, you have gibberish. There is nothing in the markup remotely resembling proper code or even an attempt to follow the rules of building HTML; which of course goes hand in hand with the HTML 5 for nothing doctype at the start since much of it seems to be "sleaze it out any old way". Like the multiple UL wrapping anchors with no LI (on what should be a single UL), the lack of proper headings, etc, etc... But the CSS and layout concepts have much much deeper issues -- since most of it is "not viable for web deployment" -- from the fixed width layout, to the 'perfect width fit' of multiple elements, to the absurdly undersized fixed metric (px) fonts, it's a laundry list of "How not to build a website" -- to the point I suspect it also reeks of "But I can do it in photoshop" idiocy. Which is likely why I'm seeing four different broken layouts in four different browsers here. My advice, throw it ALL away and start over with semantic markup, separation of presentation from content, and dozens of other MODERN coding techniques, since there is little if anything in that current codebase or layout I would even attempt to salvage.