John,
Try these definitions for your CSS:
.verticalMenu {
background-color : #FFD096;
float : left;
margin-left : 6px;
width : 150px;
padding: 0;
}
.left_menu_txt {
padding: 0;
}
ul.left_menu_txt {
list-style: none;
margin: 0;
}
It should also allow you to drop the extra <li> you defined for IE.
On Thu, Jun 4, 2009 at 6:17 AM, John <j...@greenbirch.co.uk> wrote:
> Hi All,
>
> I can't see how to get rid of the padding at the top of the menu in
> Firefox:
>
> http://www.donann.co.uk/new_site/vertical_menu.html
>
> Safari displays it as I would like it without the padding showing.
>
> Also for the link labeled 'Home' to be in line with the other links in IE
> I've
> found I need to add an extra <li></li>.
>
> The menu to the right has the <li></li> removed to illustrate the problem
> in
> IE and that the padding is still there in Firefox.
>
> Sorry if it's something simple, it's driving me to distraction!
>
> John
>
> --
> http://www.donann.co.uk
>
>
--
Yazmin Wickham
http://www.yazminmedia.com
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/
