round corner glitch on IE6?

[liketofindoutwhy]

the page

http://www.0011.com/css/round_corner.html

displays perfectly on IE 7 and Firefox 2 and 3. And it is HTML 4.01
Compliant. For some reason, the bottom center div is a bit downward
on IE 6. Even if that middle div is changed to a height of 10px,
that's the same. Does any body know why that is? Many thanks!

[Bergamot]

liketofindoutwhy wrote:

>
http://www.0011.com/css/round_corner.html

displays perfectly on IE 7 and Firefox 2 and 3. And it is HTML 4.01
Compliant. For some reason, the bottom center div is a bit downward
on IE 6.

I don't see any difference between IE6 and other browsers.

BTW, validated code may be a step in the debugging process, but doesn't
have a lot to do with how IE (especially IE6) renders CSS.

You should also abandon the use of inline styles as much as possible. It
will make maintenance and debugging a PITA. Better to use a stylesheet
and assign class selectors as needed.

--
Berg

[liketofindoutwhy]

On Aug 24, 6:51 am, Bergamot <[e-mail]:

>
I don't see any difference between IE6 and other browsers.

BTW, validated code may be a step in the debugging process, but doesn't
have a lot to do with how IE (especially IE6) renders CSS.

if you look very closely, i think you may see the bottom, center
border not lined up with the bottom left and right border?

[Bergamot]

liketofindoutwhy wrote:

On Aug 24, 6:51 am, Bergamot <[e-mail]:

>>
I don't see any difference between IE6 and other browsers.

if you look very closely, i think you may see the bottom, center
border not lined up with the bottom left and right border?

I can't see it. Maybe it would be more noticeable with a wider border or
higher contrasting colors.

--
Berg

[Jean Pierre Daviau]

http://www.0011.com/css/round.gif

seems to be a square

[dorayme]

In article <mz***************@wagner.videotron.net>,
"Jean Pierre Daviau" <on**@isEnough.okwrote:

http://www.0011.com/css/round.gif

seems to be a square

Well, to quibble, it seems to be a rectangle. But, and this is not a
quibble, it is not a straight rectangle but rather a rounded cornered
one. It is easy to miss because of the pale yellow colour against your
likely white browser canvas colour plus the corners are very slight
compared to the dimensions of the rectangle.

--
dorayme

[Joe Butler]

Try setting font-size:0; on all your lower 3 elements.

"liketofindoutwhy" <li**************@gmail.comwrote in message
news:36**********************************@r15g2000 prd.googlegroups.com...

the page

http://www.0011.com/css/round_corner.html

displays perfectly on IE 7 and Firefox 2 and 3. And it is HTML 4.01
Compliant. For some reason, the bottom center div is a bit downward
on IE 6. Even if that middle div is changed to a height of 10px,
that's the same. Does any body know why that is? Many thanks!