rineIndiste
New Member
i'm working on this website: http://ldlocal.web44.net/contacto.htmlThe problem I have is that the main menu has a submenu with a list with white font color. If the list is heigh enough (PRODUCTOS submenu) to appear over the google map api, it displays a strange gray color(diffuse text style) while the css has it's white property.This is my CSS:\[code\] #contact_map{ width: 537px; height: 340px; float: left; } #map_canvas{ width:100%; height:100%; } ul.submenu{ position: absolute; background: #3a3939; top: 34px; width: 990px; left: -330px; padding: 30px 0; -moz-box-shadow: -2px 2px 3px #333; -webkit-box-shadow: -2px 2px 3px #333; box-shadow: -2px 2px 3px #333; display: none; z-index: 10; }\[/code\]You can see that google map is making the error because if you remove the float:left from the #contact_map. As you can see, then the text in PRODUCTOS submenu appears in white again.Any ideas on how to fix it? I think it happens on chrome, not sure other browsers.Screenshots with the problem:
how it should look: