css IE hack不识别

截取css代码，div里面平行有p span em，在chrome 和FF下已经调整好了，就是在IE下span和em都无法显示，而且显示加IE hack
比如
#d1{ *height:40px;}是根本不起作用的，问大牛
div{ width:200px;height:60px; border:2px solid; border-color:rgb(56,160,221); position:absolute; background-color:#FFF;}
p{font-size:12px; padding:7px;}
em { display:block; width:0; height:0; overflow:hidden; border-top:10px solid #FFF; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:21px;}
span { display:block; width:0; height:0; overflow:hidden; border-top:12px solid; border-top-color:rgb(56,160,221); border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:19px;}
#d1 em { margin-top:-14px;}
#d1 span{ margin-top:-3px;}
#d3{ height:48px; width:160px;}
#d3 em{ margin-top:-13px;}
#d3 span{ margin-top:0px;}
#d8{ height:100px;}
#d8 em{ margin-top:-13px;}
#d8 span{ margin-top:1px;}
#d9{ width:145px; height:50px;}
#d9 em{ margin-top:-13px;}
#d9 span{ margin-top:2px;}
#d15{ width:160px; height:65px;}
#d15 em{ margin-top:-14px;}
#d15 span{ margin-top:0px;}
#d17{ width:200px; height:95px;}
#d17 em{ margin-top:-14px;}
#d17 span{ margin-top:-2px;}
#d18{ width:180px; height:80px;}
#d18 em{ margin-top:-13px;}
#d18 span{ margin-top:-2px;}
@media screen and (-webkit-min-device