Hey there!
I have been teaching myself pop out/drop downs by trial and error over the last few weeks and had many problems but finaly last night i think i have almost got it just a few things are happning that i need help in fixing:

1.) The pop out goes behind a frame.(<iframe></iframe>)
2.) It wont work in IE, it just has a big empty gap between my 2 buttons.
And then when i hover over the button in IE nothing appears also.

I wud be grateful if anyone cud give me some suggestions on how to fix these problems.
Thx in advance
Seanneo

Could you post your html and css so we can see what you're doing?

CSS

.normnav {
    position: relative;
    font-family: Arial;
    background-image: url(button6.jpg);
    background-repeat: no-repeat;
    white-space: nowrap;
    display: block;
    width: 120px;
    height: 30px;
    margin: 0;
    padding: 0;
}

.normnav a {
display: block;
color: #000000;
font-size: 11px;
font-align: centre;
width: 120px;
height: 30px;
display: block;
float: left;
color: #666666;
text-decoration: none;
}

.normnav img {width: 120px; height: 30px; border: 0; }
* html a:hover {visibility:visible;}
.normnav a:hover img{visibility:hidden;}
.normnav:hover .menu{ visibility:visible
}

.normnav span {
position: absolute;
left: 35px;
top: 5px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

.menu { visibility:hidden; display: table-cell
}


a.inside, a.inner:visited {
display:block;
width:100px;
height:10px;
border-bottom:1px solid #000;
text-decoration:none;
color:#000;
background:#006699;
}
a.inside:hover {
background:#FFFFFF;
}

.normnav {
display: block
}
.menu { visibility:hidden;
}

a.inside, a.inner:visited {
display:block;
width:100px;
height:10px;
border-bottom:1px solid #000;
text-decoration:none;
color:#000;
font-family:tahoma, verdana, arial, sans-serif;
font-size:10px;
text-align:center;
}
a.inside:hover {
background:#FFFFFF;
}

HTML

<div class="normnav"><a href="announcements.htm" target="frame" title="Site Announcements"><img src="button1.jpg" alt="home"/><span>Announcements</span></a>
      <div class="menu"><a class="inside" href="#">Link</a>
<a class="inside" href="#">Link</a>
<a class="inside" href="#">Link</a>
<a class="inside" href="#">Link</a>
</div>

I just tried your code and wasn't able to get it work in Firefox until I changed

.normnav:hover .menu { visibility:visible}

to

div.normnav:hover .menu { visibility:visible}

I also noticed you have .menu {visibility:hidden} toward the end of you css when you had already defined that above.

I'm not sure what the issue is with the iframe in IE, but you can try adding a z-index to .normnav You can give it any number you want greater than 0 and I think that will bring it on top of the iframe. You may also need to give the iframe some kind of position and give it a z-index less that what you give to .normnav

I aslo noticed the closing </div> on .normnav was missing from your code, but I'm guessing you have it in your code and just missed it when copying and pasting here.

I hope that helps. I'm not sure I answered your actual questions, but I hope I've at least gotten you a little closer to what you're trying to do. If not feel free to post again and I'll try again.

Hey thx for help but im afraid my problems weren't solved, the adjustments u told me to make just left it looking the same.
i dont have a clue about the menu popping-out below the frame but on the IE not working part, should i try using a <ul> / <il> made up menu instead??
thx again

My bad. I forgot what you're doing doesn't work in IE. Here's a link to some code for a drop down that will work in both.

http://www.htmldog.com/articles/suckerfish/

The basic idea is the same as what you were doing with a few lines of Javascript to make it work in IE. Unfortunately you still need Javascript to get drop down menus to work in IE.

I think the tutorial in the link will be easy to understand especially since you already understand how most of it is working.

Sorry to lead you down the wrong path before.

Thx alot for your help, im gonna try this l8r then report back.
***edit***
Hey just got back from trying it.
Works better than before but still there are some annoying problems
1.) position of drop down is different in IE and Mozilla
2.) it is still appearing behind things but now i know more specifically, behind a flash box.
3.) also in mozilla the middle 2 options from drop down are missing from list... im not sure at all why that is happening, i will post pictures l8r on.

thx for all your help so far,
Seanneo

Seanneo keep me updated on how things are working. If you could post everythng some place online that would be great. I'll be happy to keep looking and trying to help though I think you've been getting closer mostly on your own so far. I'm not all that sure I've helped much.

thx alot for your help, i have desided to start again. maybe a fresh start may help....

Take a look at the link I posted above. it really is an easy to use drop down menu system. It also has the advantage of being lightweight and standards compliant.

I can't see what is causing your specific problems, and I see you're starting again anyway.

Here is something I made a while ago:
http://www.kaziaz.com/stuff/menux.html
I know it works in Safari, Camino and Firefox.

Hope it helps,
CBG.