Hey all, I have been working hard on my test site and learning the ways of CSS from the Mottie School of Web Design.  After applying my custom CSS and using it to provide the box border image formatting, I discovered a problem that for the life of me I cannot solve.  I have a feeling the solution is something very basic that I just have not learned.  Check out my test site here.

Certain content types push out the box side images because of their inherit sizes.  These are almost issues of using images that are too large; however, when I used the control panel to provide box border images, this was not an issue.  It only happened when I started using a custom CSS, therefore I assume there is a setting I am missing to auto resize the content or the boxes themselves?

Any help would be appreciated!

-Sky

OK...upon inserting this into my CSS and fooling with the options, it partially solved my problem...however, if you look at my site, it appears that it's not just the images that are creating the problem...the images are now compressed, but the content box itself looks as if it is 'forcing' itself larger than my box border images.  Any clues?

-Sky

**EDIT** Ok I fooled around with limiting the content boxes themselves using your code, and it now works 99% of the time...sometimes when resizing the window, the right border box shifts one pixel...but really the only time it now breaks down is if you resize the browser window in a way that would make the box borders smaller than the image inside.

Yes, I understand that the setting for that are a bit wacked (I need to play with them), but my understanding was that .ContentBoxBody {max-width=X} limited the entire element, while .ContentBoxBody img {max-width=X} limited an image's size within that element...I wasn't sure of the syntax to combine those two lines.

-Sky