I'm deploying some web user controls containing Rad Controls to a web site that has some very generic styles defined. I keep running into the problem of the site styles applying to elements within Rad Controls and causing them to visually appear incorrectly. For instance, The site has the style:
(It actually has other styles that make things way worse, but this is a good, simple example.) This style is messing up the tab control tabs which contain an <a>. When I hover over a tab, the tab's text shifts left and the left tab border disappears. There are other styles defined for the site that apply to <ul> and <li> generically that mess up the tab control as well. I do have access to the site styles, but I don't know where they are all used which means I don't know what I'd be breaking if I change one. Is there a better way to make sure the Rad Controls styles are not interfered with? I kind of thought the control would manage providing all of the styles needed to ensure it's look and feel.