html - CSS: Eliminate gaps between stacked responsive divs? -

learning way through this...

i'm working toward setting rows of divs - don't want space between them , not sure properties adjust width changes.

i'm getting either 1px gap appearing/disappearing images scale, or getting 1 of divs bumped down next line.

the odd thing both rows same, i'm lost here.

here's current page:

http://www.turnerdesign.com/brackets/

thanks andrew

to lose gaps:

remove height: auto; , set height.

 @media screen , (max-width: 959px)       #column700 {            width: 73%;            height: 50px;            float: left;       }       /* same other column */  } 

---

for gaps:

(i wrote first, re-read question , like, omg did whole answer question didn't understand @ first, incase needs gaps, here's how)

html:

<div class="column700">     <div id="firstproject">     </div> </div> 

css:

#firstproject {     width: 100%;     padding: 10px;     background: blue; }