Could a CSS-positioned element interfere with an image map?

I am updating a site re-using some elements.  I added In the 
right-hand corner, the small blue text "navigation bar" (Home | Links 
| Contact us) which is positioned with CSS.

http://www-rohan.sdsu.edu/~nmisiasz/CLAS/index.html

Now, much later, testing the site, the image map works in Firefox 
except for the last 2 elements which are right under the CSS nav 
bar.  Paradoxically the whole image map works in IE.

I tried several things and can't get it to work.  However when I 
delete the little CSS nav bar  from my page, the whole image map 
works in Firefox.
So I am inclined to think that something between the two, image map 
and CSS nav bar, are incompatible in Firefox.  I am new to CSS so I 
do not understand the dynamics and would appreciate some help.

My CSS is below:

#banner {
position:relative;
}

* html #banner {
height:1px;
}

#banner ul {
list-style:none;
position:absolute;
right:55px;
bottom:0px;
top:66px;
}

#banner li {
         display: inline;
         margin-left: 10px;
}
#banner li a {
         color: #0033CC;
         text-decoration: none;
         text-transform: uppercase;
         font: .8em "Trebuchet MS", sans-serif;
}

Thanks for any help you may give.

Nadine 

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to