* Would you please examine [this jsFiddle](http://jsfiddle.net/znPGj/)?
* Resize the width of the "result" frame.
* Observe that the layout of the boxes switches between 2 and 3
columns.

This glitch is anoying I want the layout to look like this and stay like this even when I resize the window:

```
_________
| ▄ ▄ ▄ |
| 1 2 3 |
| ▄ ▄ ▄ |
| 4 5 6 |
¯¯¯¯¯¯¯¯¯

```

Could you alter the HTML/CSS to perfect the layout and get rid of the glitch?

Thanks in advance!
['https://Stackoverflow.com/questions/7376423', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/552067/']
<http://jsfiddle.net/znPGj/3/> fixes it by setting a height in px on the img boxes
check this example <http://jsfiddle.net/sandeep/znPGj/4/> css:

```
a {
    float:left; 
    width: 33%;
    margin: 0;
    padding: 4px 0;
    color: #000;
    font: medium sans-serif;
    text-align: center;
}
a:nth-child(4){clear:both}
img {
    width: 80%;
}

```