I am developing a Google Chrome extension.

Extension shows a dialog box (jquery ui, as a div) inside any webpage, in the dialog box user can add some content [HTML content without body, without styles info].

The problem i am facing is, that the styles specified in the webpage are getting applied to the jquery dialog and the content user is adding.

For ex. when i launch my plugin on stackoverflow webpage, all text become center aligned, etc etc.

What is the best way to get rid of parent styles inside a div?