Border Issue and Child-Parent :hover issues

[Chamenas]

Okay, so essentially I have two issues.

[freewebs.com...]

1) There is a big blue border around the div or dl element on the page. And try as I might, I can't seem to remove it.

2) I would like the background of the parent element to change when a mouse hovers over one of the dd a elements in my "image map".

I've been playing with this all day and am stumped.

[Marshall]

Besides changing border:0px to border:none, are you sure the border is not part of the background image. The other thing is if that nav map is linkable, it would have a link border by default. You would have to assign #navmap a,#navmap a:visited {border:none}. Just some suggestions.

Marshall

[Xapti]

In both my IE6 and FF 1.5 I can't see anything on the page other than black, and that animated image on the top left side of the page. I don't see your definition list, or the apparent border problem you have.

Also, there's no easy way to have a parent change when it's child is hovered, since there's no CSS parent selector. You would have to do it with javascript.

[Chamenas]

Apparently I forgot to remove the old image I had been doing. SO when I got rid of it, I found my background image wasn't working. So I'm working on it, the only problem now is trying to figure out the hover.

[Chamenas]

li.logoheader a.l1:hover { background-image: url("images/LogoBaseHover.gif"); z-index: 700; }

Works at replacing the background image for something of mine, so I'm trying to figure out why:

div.intro a#forums { background-image: url("images/IntroScreenHoverForums"); }

(I also tried div.intro a.maps just in case it was the id selector)

(same site)