Hello

I am using some css to produce round-cornered boxes and most are
fine in both IE and Moz FF but THIS code breaks up in IE:

The problem can be seen at:

www.yodbod.com then click on "Local Services".

The top central selection boxes' box is broken in IE.
( the bottom falls down a line and there is an extra line at the top making it too high)

Can anyone please tell me how to fix it - it is strange cos all the other boxes are fine

ALSO in Moz FF the boxes (for this sort/select box) are slimmer - why have the IE ones got bigger margins ?

Here is the css:


Code:
.zsnazzy h1 {margin:0; font-size:1.2em; padding:0 20px 5px 10px; border-bottom:1px solid #444;}
.zsnazzy p { margin:0; padding:5px 10px; font-size:10px;}
.zsnazzy {float:left; background: transparent; width:710px; height:100px; margin-right:10px;}
.ztop, .zbottom {display:block; background:transparent; font-size:1px;}
.zb1, .zb2, .zb3, .zb4 {display:block; overflow:hidden;}
.zb1, .zb2, .zb3 {height:1px;}
.zb2, .zb3, .zb4 {background:#3af; border-left:1px solid #3af; border-right:1px solid #3af;}
.zb1 {margin:0 5px; background:#3af;}
.zb2 {margin:0 3px; border-width:0 2px;}
.zb3 {margin:0 2px;}
.zb4 {height:2px; margin:0 1px;}
.zboxcontent {display:block; background:#3af; border:0 solid #3af; border-width:0 1px;}
.zcolor_a {background:#3af; color:#fff;}
And this is my html ( with some php which you can ignore)


PHP Code:
<div class="sorty"> 
<div class="zsnazzy"> 
<b class="ztop"><b class="zb1"></b><b class="zb2 ycolor_a"></b><b class="zb3 ycolor_a"></b><b class="zb4 ycolor_a"></b></b> 
<div class="zboxcontent" > 

<form action="<?php echo "$yol" ;?>a_run_top.php" method="post" > 
<div> 
<input type="hidden" name="x_ow"  value= "<?php echo "$N_ow" ;?>" > 
<input type="hidden" name="selector" value="yes" > 
<input type="hidden" name="section" value="<?php echo "$section"?>" > 
<input type="hidden" name="pg_ctr" value=1 > 
<input type="hidden" name="start" value=0 > 
<input type="hidden" name="x_yct" value="<?php echo "$N_yct"?>" > 
<input type="hidden" name="x_yct_op" value="<?php echo "$N_yct_op"?>" > 
</div> 
<table class = "srt_table" border="0" cellpadding="1" cellspacing="0" > 
<tr  class = "srt_row" > 
<td><select name="x_city"> 
<?php 
foreach($cities as $field => $value){ 

     if (
$N_city == $field){ 
             echo 

             <option value = {$field} selected= \"selected\" >$value </option>"

             }
// endif 
     
else { 
             echo 
"<option value = {$field}>$value</option>"
             }
// end else 
}// end for loop             
?> 
</select></td> 

<td><select name="x_area"> 
<?php 
foreach($area as $field => $value){ 

     if (
$N_area == $field){ 
             echo 

             <option value = {$field} selected= \"selected\" >$value </option>"

             }
// endif 
     
else { 
             echo 
"<option value = {$field}>$value</option>"
             }
// end else 
}// end for loop             
?> 
</select></td> 

<td><select name="x_cat"> 
<?php 
while($row mysql_fetch_assoc($result)) 

if (
$N_cat == $row['code']){ 
         echo 

      <option value='{$row['code']}' selected= \"selected\" >{$row['cat']}</option>\n"
;             
             }
// endif 
     
else { 
             echo 
"<option value='{$row['code']}'>{$row['cat']}</option>\n"
             }
// end else 
  
// end while             
?> 
</select></td> 

<td> 
<?php 
if($sorter == "comp"){ 
echo 

<td class = 'srt_row'>Company</td><td><input type='radio' name = 'sorter' value = 'comp' checked ></td> 
<td>Type</td><td><input type='radio' name = 'sorter' value = 'cat_cd'></td> 
<td>Location</td><td><input type='radio' name = 'sorter' value = 'loc_sht'  ></td></tr>"

// endif 

if($sorter == "cat_cd"){ 
echo 

<td  class = 'srt_row'>Company</td><td><input type='radio' name = 'sorter' value = 'comp' ></td> 
<td>Type</td><td><input type='radio' name = 'sorter' value = 'cat_cd' checked ></td> 
<td>Location</td><td><input type='radio' name = 'sorter' value = 'loc_sht'  ></td></tr>"

// endif 

if($sorter == "loc_sht"){ 
echo 

<td  class = 'srt_row'>Company</td><td><input type='radio' name = 'sorter' value = 'comp' ></td> 
<td>Type</td><td><input type='radio' name = 'sorter' value = 'cat_cd'  ></td> 
<td>Location</td><td><input type='radio' name = 'sorter' value = 'loc_sht' checked ></td></tr>"

// endif 
?> 

<tr  class = "srt_row" > 
<td >Select City</td> 
<td >Select Area</td> 
<td >Select Type</td> 

<td colspan = "2" > 
<button type="submit"><img alt="b_go (1K)" src="<?php echo $yol ;?>b_go.gif"  style="height:18px; width:40px; background-color:silver;" > 
</button></td> 
<td colspan = '3'>SORT BY</td> 

</tr> 
</table> 
</form> 

</div> 
<b class="zbottom"><b class="zb4"></b><b class="zb3"></b><b class="zb2"></b><b class="zb1"></b></b> 
</div> 
</div>
Thanks