Question

In my first attempt at a responsive web design I have run into a curious problem. When I resize my browser down to 615px width or less, a horizontal scroll bar appears. I’m not sure what element is causing this. I tried putting a border around each element using

* {
    border:1px solid #FFF;
}

to help me visualize where the edges of the elements were but I don’t see any borders extending beyond the window boundaries.

Can someone take a look at my site and give me some insight? http://www.ritualbliss.ca

Thanks!

Edit: So I only get the scroll bar in Firefox. Chrome works fine and the desktop version of Safari but on my iPhone it scrolls horizontally.

Edit: the site is for a legitimate massage business but some may consider the picture NSFW

Answer 1

css3 box-sizing:border-box solved this one.