i've figured out what the issue is. If you set EnableEmbeddedSkins="false"
and edit your own
cssclass styles for this it still adds raddock RadDock_Default in the class. if you use skin="myclass" it still adds raddock to the list, and here is the biggest issue. even though EnableEmbeddedSkins="false"
is set it is still down loading a css in the embedded resource. If you look at the resource is has a lot of default settings. This would't be a big deal except with overflow. you can not remove it, but set it to anouther option which doesn't work because none of them allow the content inside to display out of the div they are in. The places I see that are the issue are these .raddock, .rdContent and a few other places but from what I see these are the main 2 that are keeping object from being displayed out side of the dock object when you want them to.
I tried many things including using the document.styleSheets.cssRules.deleteRule()DOM call to loop through the embedded resource to remove them all and it didn't work.
now my work around. what I have done was created a java function to set the class to all of the raddock object to use only the class I want them to, and all is working currectly now.
// document.getElementById("RadDock1_C").className="RadDock_my"; // not needed
P.S. I am working on a better function that loops through all the raddocks and changes all the properties that need to be fixed. If anyone is interested in this let me know.