HI, I am having IE compatibility issue with IE 7. Using the IE7, drop down menus doesn't have padding-bottom while in IE8 have padding-bottom. Attached is how it look like in IE7 and IE8. URL:
www.auw.org. Here is the code I have in the module/css style:
| Code: |
#nav .yui-skin-sam .yuimenubar{/* Use path to background image instead of none attribute, for example url(/templates/auw_test/images/bkg-sidebar-menu-bottom.png) */ background: url(/templates/auw_test/images/bkg-mainmenu1.png) repeat-x #fcb343;text-align:center;padding-top: 10px;padding-bottom:5px;} #nav .yui-skin-sam .yuimenubar UL{display: inline-block;*zoom: 1;*display: inline; } #nav .yui-skin-sam .yuimenubar UL LI.yuimenubaritem{margin-left: 3px; margin-bottom:-5px;} #nav .yui-skin-sam .yuimenubaritemlabel{color: #FFF;} .yuimenubaritem{background-color: #00559c;} #nav .yui-skin-sam UL LI.yuimenubaritem-selected .yuimenubaritemlabel,#nav .yui-skin-sam UL LI .yuimenubaritemlabel-active,#nav .yui-skin-sam UL LI .yuimenubaritemlabel:hover,#nav .yui-skin-sam UL LI .yuimenubaritemlabel:focus{color: #00559c
|
I don't know where else to change. I come back and forth to the server module file and still the same. If you can lead me where to change the block size or how to make it compatiblw with IE7.
