tiny mce toolbar icons conflict with jQuery UI icons

I have a div with another div holding three icons from JQuery U开发者_开发问答I. 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.

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.