Sakura breaks Google CSE

[viemmsakh]

Saw this project on reddit and figured it would be something I could easily add to the website I inherited. Unfortunately the page was too broken to just "work" with Sakura and I decided to just re-write everything using sakura. Everything was going fine till I tried to add my Google CSE to the page. The CSS rules are interfering with how CSE renders on the page.

Sakura Enabled:

Sakura Disabled:

Edit

My original screenshots just show the button being off, however the textarea is as well.

Enabled:

Disabled:

[oxalorg]

External css can surely interfere with sakura, especially if they are not extremely explicit. For instance, disqus works perfectly fine with sakura because they are overriding almost all of the rules they need for proper rendering.

I don't know much about Google CSE, but I'm sure you can customise the css/html they inject into your page. Or maybe just write the input box yourself and hook into javascript, here's an example of CSE which works pretty well with sakura: http://web.ccsu.edu/library/tomaiuolon/cse.htm (the first box)

If you can give me link to the page/code you're using CSE on, maybe I can help you out a little more. But I don't see how this is directly related to sakura. Please feel free to correct me if I'm wrong :)