Stylesheets - css menu

Author

css menu

Jobe

2006-11-19, 7:36 pm

I refer to following URL

http://www.web-garden.be/index11.html

CSS validated code

In Firefox everything looks great

In IE6, the 'text-boxes'start to move with hover. By moving your mouse
over the menu, the boxes act like an accordeon

What's wrong

newbie Johan

Zilbandy

2006-11-19, 7:36 pm

On 13 Nov 2006 07:10:13 -0800, "Jobe" <johan.jobe@XXXXXXXXXX> wrote:
>I refer to following URL
>
>http://www.web-garden.be/index11.html
>
>CSS validated code
>In Firefox everything looks great
>In IE6, the 'text-boxes'start to move with hover. By moving your mouse
>over the menu, the boxes act like an accordeon
>What's wrong
>newbie Johan

I have no idea what's going on, but if you change the "margin-bottom"
to zero in the #menu li section, the problem goes away. What's a pixel
or two among friends. :)

--
Zilbandy - Tucson, Arizona USA <zil@zilbandyREMOVETHIS.com>
Dead Suburban's Home Page: http://zilbandy.com/suburb/
PGP Public Key: http://zilbandy.com/pgpkey.htm
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Bergamot

2006-11-19, 7:36 pm

Jobe wrote:
>
> http://www.web-garden.be/index11.html
>
> In IE6, the 'text-boxes'start to move with hover. By moving your mouse
> over the menu, the boxes act like an accordeon

Cool effect. :)

> What's wrong

I think you confused it with the negative margin on the <a> element. Are
you trying to compensate for the standard indents on list items? If so,
you should instead remove them on both the ul and li elements with
something like
#menu ul,
#menu li {
margin: 0;
padding: 0;
}

Adjust margin or padding to suit on the elements that need something extra.

--
Berg