Problem with CSS Sprite Photoshop Tutorial

Content
1

I am trying to follow this photoshop tutorial for css sprites and I can only get as far as step 10 of the tutorial. I am using Photoshop CS4 and whenever I try to apply the stroke to the gradient it reverses the direction of the gradient.

I cant for the life of me figure out if I am doing anything wrong or if there is a bug with Photoshop CS4 that I dont know about?

Here is a link to the tutorial I am trying to follow

http://net.tutsplus.com/tutorials/html-css-techniques/use-sprites-to-create-an-awesomeness-filled-navigation-menu/

And here is a link to a psd file which shows the problem I am having (if you uncheck the stroke it reverses the gradient back to normal)

http://www.users.on.net/nova/menu.psd

2

How are you doing the gradient? I assume you are meant to draw a marquee around the button, then apply a gradient with the gradient tool. Then, with the marquee still active, go to fx in the layers palette and apply the stroke to the selected button. Works in CSS3, as far as I can see… but I may be missing something.

3

I am creating a marquee then filling it with the gradient tool, then applying a 1px black stroke on the outside via fx panel.

I cannot get the burn tool to work on the marqee selection either

If you have a look at my attached psd in the op it may give you a better idea of what problems I am having.

4

Could you describe what you are doing in detail? The tutorial worked for me by just doing what I described above.

I created a marquee where I wanted the button to be. Then clicked the gradient tool and applied a black to white gradient by dragging upwards across the selected area. Then in the layers palette, clicking fx > stroke creates a stroke around the button (following the dotted marquee boundary). That seems to be be what the tutorial is describing.

Is that what you are trying to do?

5

I just tried this with CS3 and still having problems, it is not reversing the gradient like cs4 but it is darkening the gradient.

Maybe there is a step missing from the tutorial, surely it shouldnt be this hard.

6

Yep, this is exactly what I am doing, only with cs4 instead of cs3.

I think I might have photoshop cs3 on my other computer, if I have I will try again on that computer.