I'm on my first approach with photoshop patterns.I'm buildin a webpage where I want to use my pattern to give a nice effect to my webpage background.

The pattern I found is 120x120 px

If I was done here I should use this css:

background-imag:url(mypattern.jpg);
background-repeat:repeat;

But Im not done.Id like to *add to my page's background a linear gradient(dir=top/down col=light-blue/green) with the pattern fill layer on top of it, with blending mode=darken *.

This is the final effect:

I come to the point.

QUESTION: Combining linear vertical-gradient effect and my 120x120 pattern is it possible to find a pattern that I could use to repeat itself endlessly both vertical and horizontal??which is a common solution in this case?

Hope It's clear

thanks

Luca