Here is the link to the site with the problems: link
I can’t get the text in Content to align equally on both sides? I have tried increasing the padding-right and margin-right and I have had no luck. I even tried messing around with overflow: and I had no success.
Also, I tried placing the flash banner in the <h1> header, but I can’t get it to work? I have very little knowledge with flash. I had a friend build this for me a few years ago. The banner also seems to be displaying padding and/or margin on the bottom. I can’t remove the small space beneath the flash banner?
#pageWrapper and Content both have a fixed width of 750px. The 20px horizontal margin applied to Content forces it 20px to the right, causing it to spill out of #pageWrapper. As the text color is black, and Content has no background, the spilled content blends into the black part of the body background image.
Remove the margin from Content. To provide space to the left and right, add horizontal padding to Content or margins on the individual children i.e. p and h3.
Also remove the following rule, which is redundant. If you find it necessary to use a hasLayout trigger on Content, use zoom:1; instead.
If this adversely affects other embedded elements, you’ll need to find how to apply a class to this particular one. I’m not very familiar with Flash and this seems to rely upon javascript to generate the necessary code.