The layout is not compatible with IE - the width is not enough_html/css_WEB-ITnose

		<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">		<TR>			<TD bgcolor="#B0C8D2" height="35">			<div id="ordmenu">			   <ul>				<li class="on"><A HREF="?orderid=541&spclsid=23&tokenkey=271D28EFBF8B166AE4BEE024389DE68D">围护结构</A></li><li><A HREF="?orderid=541&spclsid=24&tokenkey=C2AB7599715289762850E1A1BC2AF5DA">温度湿度系统</A></li><li><A HREF="?orderid=541&spclsid=31&tokenkey=1D8F3CA44C4A6877F2FEAAEA10AA3A3C">光照辐射系统</A></li><li><A HREF="?orderid=541&spclsid=33&tokenkey=C30CD5C806FC3AF4680897FE46B5344D">真空与负压系统</A></li><li><A HREF="?orderid=541&spclsid=34&tokenkey=687FEA155FE6C6EDE73EC3F78221F999">计算机测控系统</A></li><li><A HREF="?orderid=541&spclsid=36&tokenkey=3BE2A5219D1BA70E91AB58BAECC479F2">辅助设施项目</A></li><li><A HREF="?orderid=541&spclsid=112&tokenkey=838D84E94E94B0E81F74AAE9BBA63236">淋雨、雾、冻雨模拟系统</A></li><li><A HREF="?orderid=541&spclsid=150&tokenkey=7CEB05896D62D57E2E240837A90BB09E">砂尘系统</A></li><li><A HREF="?orderid=541&spclsid=153&tokenkey=15118FF8C60CCD942A89903A40D4B91E">通风系统</A></li><li><A HREF="?orderid=541&spclsid=155&tokenkey=08737951CA0B7130AD495D02036737B8">吹风系统</A></li><li><A HREF="?orderid=541&spclsid=156&tokenkey=C2A2613571041F276276208A4B667D64">水处理及给排水系统</A></li><li><A HREF="?orderid=541&spclsid=160&tokenkey=BA6A225CC944D3F13717BC477447A40D">配电、布线与照明工程</A></li><li><A HREF="?orderid=541&spclsid=163&tokenkey=C886CFC466FB38F434DC101591F7D6B7">盐雾模拟系统</A></li><li><A HREF="?orderid=541&spclsid=165&tokenkey=3AB27F4ADE51A98FCAC63ECEBD6AE9A6">高压干燥气体系统</A></li>				</ul>			</div>			<BR>					</TD>		</TR>		</TABLE>

Display results in:
firefox:


IE9:



How to solve the above problem? Please give me some advice?

Reply to discussion (solution)

Supplement the style:

#ordmenu{width:100%;margin:0px 0px 0px 5px;}#ordmenu ul{width:100%;margin:0px;padding:0px;}#ordmenu ul li{float:left;margin-left:0px;list-style-type:none;padding:2px 10px 2px 10px;height:24px;border:2px solid #FFFFFF;position:relative;}.on{background-color:#0099CC;}

css Add overflow: hidden try

#ordmenu ul li{float:left;margin-left:0px;list-style-type:none;height:24px;border:2px solid #FFFFFF;}
#ordmenu ul li a{display:block;padding:2px 10px 2px 10px;}