Layers and behaviors

[katpiper]

I have an image which, when a user does a mouseover on that image, I want
another image to appear next to the first image (and on top of another image).
Think of it as a fly-out navigation menu, but for various reasons, I cannot use
ProjectVII because my navigation images are not all alike. I have DW8. I do not
have Fireworks and am not willing to get it as I have plenty other graphics
editing software. Here's what I'm doing ... please tell me where I'm going
wrong.

I create layer MAIN and insert image A into that layer.

Just to the right of layer MAIN I create layer FLYOUT and insert image B into
that layer.

I select image A and open the Behaviors panel. I want to set an "on mouse
over" behavior -- but this behaviors list contains "<A> onMouseOver" and also
"onMouseOver" -- not sure why there are 2, but I hilite the latter, then click
the "+" in order to select "Show/Hide Layers"

I proceed to tell it to Show layer MAIN and Show layer FLYOUT

Then I select image A again and set "onMouseOut" to Show layer MAIN and Hide
layer FLYOUT

When I view the results in my browser (IE 6), the layers show up in a
different place than where I put them and mouseover does nothing. mouse click,
however, does make FLYOUT appear but then it doesn't hide.

I am tearing my hair out. I am a former NetObjects Fusion user -- it's so easy
to do there!! What am I doing wrong here?? Can you point me to a good tutorial?
I don't want to write my own JS code!!

Thanks, in advance, for any help you can provide!

[katpiper]

Nevermind -- I figured out what I'm doing wrong -- for some strange reason,
when I click onMouseOver and then click + to select Show/Hide Layers, the
behavior gets attached to onClick instead of onMouseOver. I then have to go
back and select onMouseOver . This seems to be a weakness in the design of the
application, don't you think? Anyway, I'm now creating fly-outs. Can't believe
this isn't explained better.