On 2/07/2009, at 1:42 PM, Travis Killen wrote:
> IE 7 is not displaying the white lines underneath my drop down menu
> correctly. It is displayed like it is an inline element.
>
> Also on IE7 the animation on the first two drop down menus displays an
> extra list item then quickly corrects itself. The last menu item does
> not have the problem and the only difference is the style.
>
> http://preservationtexas.936webdesign.com/
>
If you set a width to 100% and then include padding then the
dimensions of the element will be 100% + padding + border. Let your
elements find their own size with width: auto...
ul.menu ul li a, ul.menu ul li { width: auto; }
By the way, there must be lots of well tested pre-canned dropdown
menus like this. Why re-invent the wheel?
Also. First step, every time... Validate.
<http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fpreservationtexas.936webdesign.com%2F
>
<http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fpreservationtexas.936webdesign.com%2F
>
Cheers, Tim
______________________________________________________________________
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/
