RE: [WSG] problem with more nifty corners

[Rebecca Cox]

Hi All If you haven't tried the more nifty corners approach to rounded corners, it's well ... pretty nifty.   http://pro.html.it/articoli/id_599/idcat_31/pro.html   I am having a problem and I'm wondering if anyone else has seen the same and fixed it.   On some of my divs, I have an extra white line at the bottom. I'm assuming it is a padding or margin conflict. I've looked into the css and I don't see anything that would cause the issue. The code is clean, the divs either contain an h3 and list or h3 and paragraph. I'd like to send you to a page that has the text and css but it is for an intranet and that won't work. However, I have taken a screen-shot of the offending line.   Here's an example of what I mean: http://tdrake.net/test/nifty-corner-line.gif   If you have experienced the same issue, please let me know what you did to solve it.   Thanks Ted Drake www.tdrake.net    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>   It looks familiar - what I used in the end for my bottom box was:   div.rounded-bot { font-size: 1px; height: 11px; width: 425px; background-image: url(/img/bg-bottom.gif); background-repeat: no-repeat; background-position: left bottom; }   In this case the boxes were of a fixed pixel width. Not sure what CSS you are using but maybe try adding props from my sample & see if it helps.   Cheers, Rebecca    (the rounded corner bg gif being 11px high.)