iPhone css issue

On this site, there are issues with the right column overlapping the left column. This is the target CSS:

#content {
    margin: 0 34% 0 7.6%;
    width: 59.4%;
}

.left-sidebar #content {
    margin: 0 7.6% 0 35%;
    width: 65.4%;
}

Is the开发者_如何学Gore an issue with percentages margins in the iphone that is not being targeted correctly?

---

The first thing that comes to mind is that your container sizes are over 100% -

content - 34+7.6+59.4 = 101

left-sidebar - 7.6+35+65.4 = 108

Try adjusting your percentages first.

-- Edit --

Ok, first of all, the CSS you posted is for the same container on the page you linked. the left-sidebar class is only used in the body tag and it is the more specific selector so the first bit of CSS is being ignored. Also, those percentages are being calculated from the size of the parent container which is #primary. Your problem is between #primary and #secondary it would seem. #secondary is being specified as 27.2%, but that is irrelevant because it is being forced to 332px by it's child #bluebox - it is set to 330px wide and a 1px border. You will need to take that in to account because #secondary will always be a minimum of 332px wide due to #bluebox.