div css的问题

代码是
<div id="Bld_Rooms" runat="server">
<div id="tdBldList" runat="server" >
  <a>食品</a>
<a>工艺品</a>
<div id="tdBldInfo"><a>jj</a></div>
</div></div>

css文件：
#Bld_Rooms #tdBldList A {text-decoration:none;FONT-FAMILY:宋体,;
border:GrayText 1px solid;
COLOR:MenuText;WIDTH:60px;HEIGHT:60px;
text-align:center;
BACKGROUND-POSITION:center bottom;BACKGROUND-REPEAT:no-repeat;
padding:6 2 0 2;line-height:normal; margin:1 1 0 0;
}
#Bld_Rooms #tdBldInfo {CLEAR:both;}
#Bld_Rooms #tdBldInfo A {LINE-HEIGHT:180%;display:block;COLOR: MenuText; BACKGROUND-COLOR: ThreeDFace;margin:2 0 2 0;border: GrayText 1px solid;FONT-FAMILY: 宋体;}
为什么我得到的效果是这样 而食品工艺品没有变成jj那种形式。 谢谢

你想要达到什么效果啊？
你的代码我在IE6 IE7 FF 上浏览都是这样的啊。