Is the navigation meant to be to the left? It looks a bit weird, and I think it should line up in the center?
There are two ways you can fix this.
First is to use conditional style sheets for IE6
- Code: Select all
<!--[if IE 6]>
Special instructions for IE 6 here
<![endif]-->
Then you would set the IE 6 specific attributes to make it look pretty within here.
The other way is to use
CSS only recognised by mozilla et al to get around this.
i.e for your button heights you can use the following:
- Code: Select all
ul#navigationbar li a {
height: 25px /* height for ie6*/
min-height:31px /*adjustment for mozilla & ie7 - not recognised by ie6*/
max-height:31px /*adjustment for mozilla & ie7 - not recognised by ie6*/
}
The first method is the cleaner, and what most people use.