Trouble between an injected iframe and other web page (Google, Gmail, Pdf)

Well i'm currently developping my Toolbar for Google Chrome as a Extension. The main principe is that i'm all the time injecting the toolbar as an iframe by using the Content Script.

But now i see a couple of bug with gmail, google map/search, pdf an maybe other that i've not yet see...

Let me explain, when i go on 开发者_Python百科gmail, i don't see my toolbar at all... When i open Google, it seems really normal :

But then when i start a search my toolbar seems to overide the top link (web, images, videos, maps,...) I can't click on them anymore...

Next problem is when i'm trying to go on google map or trying to open a PDF, it seems to give the same css to these web pages from my toolbar...

Google Maps :

PDF :

Hope i where clear enough, do not hesitate to ask me question if necessary ;)

Why don't you use absolute/fixed positioning and style attributes? Using style attributes would remove the issue of the possible spread of CSS.

To remove the toolbar from pdf, you could write something that removes the element when on pdf?

Well, i've find a good solution to resolve the problem with PDF and Google Map it was a problem on my CSS.

About the google Search now it works perfectly by setting the body webpage as a fixed page like NeXXeus tell me but there is still a problem.

Check this out :

EDIT : We don't really see, the argument select/deselect is top: 0px;