On Behalf Of Yazmin Media > Sent: 5 June 2009 04:38 > To: css-d@lists.css-discuss.org > Subject: Re: [css-d] Vertical Menu problem > > 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; > }
Just to add to this: John, something you will need to understand is that many styling inconsistencies occur between browsers because these browsers apply their own styles to HTML elements (hence the now common use of a reset style sheet[1]). The most notable difference occurs with lists - Safari and Gecko based browsers (e.g. Firefox) use padding-left while Internet Exploder uses margin-left to indent, but as you are discovering Exploder also has a default top padding. As an FYI, for the sake of efficiency, the last 2 above rules can be merged: ul.left_menu_txt { list-style: none; margin: 0; padding: 0; } HTH Mark Further reading: [1] http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ ______________________________________________________________________ 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/