border control

IE noncompliance?

[brdwlsh]

part of my page contains a table--1 row 2 columns.

in the left column is a <p> box element(class="left") with a border on all sides.
in the right column is a <p> box element(class="right") with a border on all sides but the left.

ideally, they should match up so as to appear like it is one box with a single outer border and a dividing line in the middle.

i have margin:0px 0px 0px 0px; in both classes.
i have no table-level margin/padding tags

this works in mozilla but not IE 5.2--i am using a mac and have not tested on PC yet.
IE gives me a small space between the elements--very unattractive.

is there any way around this or is it just an IE thing?
i'm very new to CSS, am i missing something--doing this the wrong way?

thanks

[aevea]

Did you define

<table cellspacing="0">

in the html? Unfortunately, I don't think there's any way to do it with css.

Adam

[BitBanger]

Try:

table (border-collapse: collapse;} 

[brdwlsh]

the cellpadding thing worked a little bit--the division is still visible but much less.

the table style didn't work--even tried it with tr and td. i was hoping it would work!

thank you both

[Purple Martin]

The table style that BitBanger posted had a typo - one of the brackets was the wrong sort. Try this:

table {border-collapse: collapse;}

[brdwlsh]

good eye--i saw it too :}

thanks though.

maybe it doesn't work properly with IE on mac.

[Purple Martin]

That wouldn't surprise me. I've heard people say many times that IE on Mac makes a mess of things.