I am facing interoperability issues in IE7 and Firefox. li elements height is somewhat more in IE than Firefox.Here is the attached image for more clarity.
http://img225.imageshack.us/i/interop.jpg/Code for html and CSS:\[code\]<ul class="sa-progress"><li class="sa-progress-current"><span id="intro_idx" >Select VPN Type</span></li><li class="sa-progress-default"><span id="local_idx" >Local</span></li><li class="sa-progress-default"><span id="remote_idx" >Remote</span></li><li class="sa-progress-default"><span id="vpn_idx" >VPN</span></li><li class="sa-progress-default"><span id="remote_dyn_idx" >Remote Users</span></li><li class="sa-progress-default"><span id="traffic_idx" >Traffic Profile</span></li><li class="sa-progress-default"><span id="review_idx" >Review & Commit</span></li></ul>ul.sa-progress { color: #333333; line-height: normal; padding: 7px 0 10px 10px;}ul.sa-progress { font-size: 12px;}\[/code\]Please let me know what am missing here.Any help would be greatly appreciated.Thanks