That worked great! Precisely what i was trying to do. One last question about the header. If you see it now the degradation goes from right to left when I make the window smaller. (which at some points covers the logo). Is it another CSS instruction which would anchor the left side of the search bar 25px from logo and then scale left to right?
If not, or if it is too much of a hassle right now, the help that you have given me in the previous response is FANTASTIC! Thanks again mate.