IE 6 is Killing ME!

Question

Hi,
http://scrimshawcomm.info/test_menu.html
I am trying to create a horizontal menu. It works fine in Firefox and was working in IE.
When I took the width value out of the #menuh ul I lost the inline effect on IE.
It still works in Firefox etc.
If I put a width back on the ul it will display inline (horizontal)
I do not want to set a width, bur rather padding on the #menuh a
Any clues?
Thanks
BB

Answer 1

You still have some missing </li> tags. Don't sweat browser differences until after you've produce valid code.
Here's a helpful tool: http://validator.w3.org/
I'm not sure about IE and padding ATM, but I see this:
<!--[if lt IE 7]>
<style type="text/css" media="screen">
#menuh{float:none;}
body{behavior:url(css/csshover.htc); font-size:100%;}
#menuh ul li{float:left; width: 100%;}
#menuh a{height:1%;font:bold 0.7em/1.4em arial, sans-serif;}
</style>
<![endif]-->
I seem to recall that IE (Microsoft) has trouble understanding basic math. If you still have the problem after fixing the invalid HTML, try changing the width to 99% or something similar.
Also, IE6 & 7 don't support XHTML and your server is sending it as text/html anyway, so I suggest File->Convert->HTML 4.01 Strict. You can set that as your default for New documents, if you want to.
Mark A. Boyd
Keep-On-Learnin' :-)