tiny mce toolbar icons conflict with jquery UI icons

Question

I have a div with another div holding three icons from Jquery UI. Inside parent div, there is a tiny mce instance. When I click on any button of tiny mce, it is moved down and it its place, Jquery UI's icon is displayed.

Can anybody help me, to sort this out ?

Thanks in advance.

Answer 1

I could fix this, by explicitly referring to the element using Id. Previously, I used class names to refer to the elements. We should use Ids as far as possible to refer to any element.