...Are starting to annoy me, but have to be done for the minority of people that use small screen sizes

[INSERT URL HERE] - problem fixed

The left div that says 'testing' is the one i'm currently having trouble with.

I've only done the top curve in percentages at the moment. I stopped there because I would like to sort out my problem before going onto the middle and bottom part of that div.

At screen resolution width 1280, the div looks fine, however, if you resize your browser width to a few pixels less than that, the divs breaks. Why is this?

[INSERT URL HERE] - Problem fixed - The stylesheet

#left is the parent div
#l-TL, #l-TR and #l-T are the divs for the top curve of the left div

Thanks for any assistance

Hi Stefan

I dont know if this is whats causing it but if you add up the percentage widths of the divs that make up the left box I think they add upto more than 100% (which I dont think they should)

Don't know if thats it but thought I would mention it.

No they don't, it adds up to 100%

#left is the parent div, which is 24% (300px on 1280px wide resolution).

left curve = 15px
right curve = 18px

15px + 18px = 33px (both curves together)

33px = 11% of 300px (both curves overall percentage)

100% - 11% = 89% (remaining percentage)

Aaaaah, by typing that post, it gave me the solution, i had set the widths for the curves in pixels (fixed widths) whereas they should have been in percentages also