Ok I have been banging my head against the wall for a long time with this issue. Maybe a second, third or fourth set of eyes will see the errors of my ways. I am building a website for a client, very basic, but for some reason that damn horizontal bar is showing up. I checked all the column and row padding and cannot identify why this is happening.

Here is the link
http://misterwebguy.com/simco-interiors-v2_exported/

If you need the project file let me know.
Thanks again for anyone who takes the time to look. I am sure its something very simple I am overlooking.

div.subgrid.subgrid-2 looks like its the culprit? Firefox's inspector tool is telling me everything in my window is 1633 across - except for that - which is 1679. I saw a html for 1663, and a div.subgrid.subgrid-3 for 1633 across. My viewport is 1680 - but that includes the vertical scroll bar.

Its this specific setting. I don't know why you get a bar, but setting these two margins to 0, removes the bar, and has same effect for the site visuals. Setting any negative margin-right creates the bar. Can give the margin-left a positive margin and move the image to the right - no bar... I don't know why.

[class*="coffee-span-"] > .subgrid {
margin-left: -8px;
margin-right: -8px;
}