html - How to display elements in block -

http://i.stack.imgur.com/tisal.png want display elements in 1 block gray have big margin left

if replicate code, this:

#holder {    width: 300px;    height: 300px;    border: 1px solid black;  }    #gray {    width: 100%;    height: 33.333%;    background-color: gray;  }    #red {    width: 100%;    height: 33.333%;    background-color: red;  }    #orange {    width: 100%;    height: 33.333%;    background-color: orange;  }

<div id="holder">    <div id="red">    </div>    <div id="gray">    </div>    <div id="orange">    </div>  </div>

if have current code though fixed, please post here :)