[css-d] making a UL menu horizontal - IE question

[Francesco Sanfilippo]

I have this code that works beautifully in FF for making a menubar of
buttons horizontal, but it does not work in IE 6 or 7, and I haven't
checked in Safari yet.  Any ideas why IE doesn't like this?

#menubar {
  height: 31px;
}

ul#menu {
  border: 0; margin: 0; padding: 0;
  display: table;
  list-style-type: none;
}

ul#menu li {
  border: 0; margin: 0; padding: 0;
  display: table-cell;
}

<div id="menubar"><ul id="menu"><li><a
href="http://www.surgery.com/home/"; title="Home"><img
src="~/Media/SCSA/NavHomeHover.jpg" alt="Home" /></a></li><li><a
href="http://www.surgery.com/locations/"; title="Locations"><img
src="~/Media/SCSA/NavLocationsHover.jpg" alt="Locations"
/></a></li><li><a href="http://www.surgery.com/physicians/";
title="Physicians"><img src="~/Media/SCSA/NavPhysiciansHover.jpg"
alt="Physicians" /></a></li><li><a
href="http://edu2.surgery.com/Home.aspx"; title="Patient
Education"><img src="~/Media/SCSA/NavEducationHover.jpg" alt="Patient
Education" /></a></li><li><a href="http://www.surgery.com/resources/";
title="Resources"><img src="~/Media/SCSA/NavResourcesHover.jpg"
alt="Resources" /></a></li><li><a href="http://www.surgery.com/about/";
title="About"><img src="~/Media/SCSA/NavAboutHover.jpg" alt="About"
/></a></li></ul></div>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/