Long space at the end of a rounded corner div write

[mcneely]

I've been working with XHTML for a while now and confidence has been such that I agreed to write rounded corners for some div tags on an existing clients site.

I've gotten it to look great in internet explorer 7 and Firefox 3x .. trouble is that there is an extended space under the write that I can't seem to be rid of.

The long space is around 250px .. I've double checked all of my padding and margins, so much so that any more editing will ruin my nice round corners.

Any thoughts?

[swa66]

Try using add-ons like the "web developer toolbar" or firebug in Firefox to find what's causing that large a space

Sometimes it also helps to give all you elements a solid background of a different color.

[mcneely]

I'll give it a go with the Web Developer Toolbar (I usually loathe toolbars of any kind)

Firebug needs to upgrade because it isn't compatible with the Firefox I've got. (the last two builds of Firefox won't load Firebug)

This current project can be done in any colour as long as it's white .. Though I may end up writing in a bit of the transparent, if it will work. We'll see.

When I resolve this, I'll post the code and the results for all to see :)

[simonuk]

swa66's comment about giving the divs different background colors in an excellent way of problem solving and one that I use often. That should instantly tell you which div is causing the issue.