I noticed I can't seem to use "None" for a skin anymore. this is causing issues because I keep getting padding around an image only menu, which makes the image have breaks in it.
Note, it's only doing this in IE7. In Firefox, it displays correctly.
Here's the css I'm using (and yes I named it None), where I tried to set everything to zero.
Thanks,
Jason
.RadMenu_None
{
border-right: 0px solid;
border-top: 0px solid;
border-left: 0px solid;
border-bottom: 0px solid;
padding: 0px 0px 0px 0px;
margin: 0px;
}
.RadMenu_None
.rmItem
{
padding: 0px 0px 0px 0px;
text-align: left;
border-right: 0px solid;
border-top: 0px solid;
border-left: 0px solid;
border-bottom: 0px solid;
}
.RadMenu_None
.rmGroup .rmText
{
border-right: 0px solid;
border-top: 0px solid;
border-left: 0px solid;
border-bottom: 0px solid;
padding: 0px 0px 0px 0px;
text-align:left;
}
.RadMenu_None
.rmSeparator
{
line-height: 0px;
border-right: 0px solid;
border-top: 0px solid;
border-left: 0px solid;
border-bottom: 0px solid;
padding: 0px 0px 0px 0px;
text-align:left;
}
.RadMenu_None
.rmExpandLeft,
.RadMenu_None
.rmExpandRight
{
border-right: 0px solid;
border-top: 0px solid;
border-left: 0px solid;
border-bottom: 0px solid;
padding: 0px 0px 0px 0px;
}
.RadMenu_None
.rmTopArrow,
.RadMenu_None
.rmTopArrowDisabled,
.RadMenu_None
.rmRightArrow,
.RadMenu_None
.rmRightArrowDisabled,
.RadMenu_None
.rmLeftArrow,
.RadMenu_None
.rmLeftArrowDisabled,
.RadMenu_None
.rmBottomArrow,
.RadMenu_None
.rmBottomArrowDisabled
{
height:16px;
text-decoration:none;
color:#E3EFFF;
text-indent:-9000px;
}
.RadMenu_None_rtl
.rmTopArrow,
.RadMenu_None_rtl
.rmTopArrowDisabled,
.RadMenu_None_rtl
.rmRightArrow,
.RadMenu_None_rtl
.rmRightArrowDisabled,
.RadMenu_None_rtl
.rmLeftArrow,
.RadMenu_None_rtl
.rmLeftArrowDisabled,
.RadMenu_None_rtl
.rmBottomArrow,
.RadMenu_None_rtl
.rmBottomArrowDisabled
{
text-indent:9000px;
}
.RadMenu_None
.rmRightArrow,
.RadMenu_None
.rmRightArrowDisabled
{
background: #F6F6F6 url(Menu/right.gif) center center no-repeat;
width:25px;
height:100%;
}
.RadMenu_None
.rmLeftArrow,
.RadMenu_None
.lefttArrowDisabled
{
background: #F6F6F6 url(Menu/left.gif) center center no-repeat;
width:25px;
height:100%;
}
.RadMenu_None
.rmTopArrow,
.RadMenu_None
.rmTopArrowDisabled
{
background: #e3efff url(Menu/top.gif) center center no-repeat;
width: 100%;
}
.RadMenu_None
.rmBottomArrow,
.RadMenu_None
.rmBottomArrowDisabled
{
background: #e3efff url(Menu/bottom.gif) center center no-repeat;
width: 100%;
}
.RadMenu_None
.rmScrollWrap
{
position: relative;
}
.RadMenu_None_rtl
,
.RadMenu_None_rtl
*
{
text-align:right !important;
}
.RadMenu_None_rtl
.rmGroup .rmText
{
padding: 0px 0px 0px 0px !important;
}
.RadMenu_None_rtl
.rmGroup
{
background-position: right;
}
.RadMenu_None_rtl
.rmExpandLeft,
.RadMenu_None_rtl
.rmExpandRight
{
background:transparent url(Menu/groupImageRTL.gif) left center no-repeat;
}