Damn CSS and IE6

[tuckenator]

Hi guys,

Been working on a mini site for a work project and as always IE6 is ******* me off!

Hopefully someone can tell me why the Search box in IE6 is messing up on the height.

IE6

IE7

Code:

#topbar {
text-align: left;
padding: 4px;
max-height: 82px !important;
width:100%;
margin: auto;
float:left;
background:#FFF url(images/background.jpg) left;

#search-box {
float: right;
width: 168px;
max-height: 22px !important;
margin: 2px 8px 0px 0px;
padding: 2px 2px 2px 3px;
border: 1px solid #000;
background-color: #55aaa7;
}

.inputbox {
background-color: white;
border:1px solid #000;
color: black;
width: auto;
margin: auto;
}

.inputbutton {
border:1px solid #000;
width: 20px;
height: 20px;
margin-left: 2px;
background: #fff url(images/gosearch.gif) left;
}

Thanks in advance.

Tucks.

 

[GravyMonster]

max-height: 22px !important;

There's your problem, IE6 doesn't support max-height. Just using 'height' should do the same job though.