CSS problem in header: Explorer only

[valveless]

Hi Everyone,

CSS seems to work great in Firefox, Opera, Chrome, and Safari, but there is a problem in IE. Please have a look at this page, for example:

http://www.wssymphony.org/concertdetails.php?concertID=1

In IE, the google search bar at the top chops off the head of the conductor (which may not be a bad thing) ... and the nav bar, text-resize, and RSS buttons look jumbled. In all other browsers, everything looks as it should. I tried an IE 5+ conditional statement in the CSS for #container, but that wreaked havoc.

Any thoughts? Thanks!

[X96 Web Design]

I recently had a similar problem with my site.

It's because of this: margin-top:5px;. In IE, it does some illogical rendering, and pushes it down more than it should....

Insert this into your CSS Block in the <!--[if IE]> statements ::


.searchterm, .submit { margin-top:0; }


Hope this helps...

// X96 \\