Hi

I can't get the CSS on
http://ied.gospelcom.net/church-site-design.php

to remove the borders of the table rows within point #11 and #13 in IE. In FF, there are no row borders.

The appropriate table rows have a class 'border'
.border { border-top:hidden;border-bottom:hidden; }

- I understand hidden is the appropriate value within a table.

Thanks for any ideas

Best wishes

Tony

Replace your "hidden" with "none".

Thanks for the idea! But it does not change stuff in IE! Even adding a class style to each individual table cell with no border top or bottom does not work in IE6 either :-(

Okay -- this may take a few steps to solve, so implement this into your code and let me know if it resolves the problem:

<style type="text/css">
* {margin:0}
</style>

The * is a wildcard meaning "everything".

Thanks for the suggestion. I tried that - no difference. I also tried

<style type="text/css">
* {border:hidden;}
</style>

and that had no effect on IE6, though it did kill all the vertical table borders in FF.

Thanks for any other ideas you may have!

Best wishes

tony

Alright Tony; let's try a nested element, that's actually known as cheating...

<div style="padding:1px 1px 1px 1px; background-color:#FF0000;width:100px">
<div style="background-color:#00FF00; height:98px;">Content</div></div>