I made a question a couple days ago here: [Responsive perfect squares inside a fixed positioned div. could anyone help me?](https://stackoverflow.com/questions/22686478/responsive-perfect-squares-inside-a-fixed-positioned-div-could-anyone-help-me).

and I had the perfect solution from web-tiki (ty again) and working fine so far. If interested you can check here: <http://asadordearanda.com/movil> (web still under construction and just for mobile, you won't see what is about on a pc browser unless you mimize a lot your window).

the fiddle that web-tiki made is <http://jsfiddle.net/webtiki/7jJsf/12/>.

And now I am starting to change the layout of this web for landscape orientation using

```
@media all and (orientation:landscape) {}

```

I need the "perfect squares" to be fixed positioned at the left of the window, perfectly distribute from top to bottom. I have tried to modified the fiddle but I can't seem to make it work. it seemes the dummy div trick is not working on with width insteed of height <http://jsfiddle.net/7jJsf/14/>.

Could anyone help me and make this work?

as always ty so much in advance and excuse my english. hope the question is clear enough