{"action":"created","issue":{"url":"https://api.github.com/repos/gnab/remark/issues/240","labels_url":"https://api.github.com/repos/gnab/remark/issues/240/labels{/name}","comments_url":"https://api.github.com/repos/gnab/remark/issues/240/comments","events_url":"https://api.github.com/repos/gnab/remark/issues/240/events","html_url":"https://github.com/gnab/remark/issues/240","id":84108220,"number":240,"title":"Inline styles added to background image set in CSS in FF Dev edition","user":{"login":"mandiwise","id":1518780,"avatar_url":"https://avatars.githubusercontent.com/u/1518780?v=3","gravatar_id":"","url":"https://api.github.com/users/mandiwise","html_url":"https://github.com/mandiwise","followers_url":"https://api.github.com/users/mandiwise/followers","following_url":"https://api.github.com/users/mandiwise/following{/other_user}","gists_url":"https://api.github.com/users/mandiwise/gists{/gist_id}","starred_url":"https://api.github.com/users/mandiwise/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mandiwise/subscriptions","organizations_url":"https://api.github.com/users/mandiwise/orgs","repos_url":"https://api.github.com/users/mandiwise/repos","events_url":"https://api.github.com/users/mandiwise/events{/privacy}","received_events_url":"https://api.github.com/users/mandiwise/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-06-02T17:02:29Z","updated_at":"2015-06-02T19:36:31Z","closed_at":null,"body":"I have a background image that I want to appear in the bottom left corner of every slide (it's a company logo) so I set it in my CSS:\r\n\r\n```css\r\n.remark-slide-content:not(.inverse) {\r\n   background: #fff url('../public/img/red-logo.svg') no-repeat 20px bottom;\r\n   background-size: 150px 75px;\r\n}\r\n```\r\n\r\nThis works great in most browsers, but in Firefox Developer Edition there's some JS ([here, I believe](https://github.com/gnab/remark/blob/8cd8b6edf83fd89277085b035564010af7ee46e7/src/remark/views/slideView.js#L83)) that overrides the position and size that I set in my CSS by adding inline styles to the element. The inline styles set the background image to its original size and position it in the middle of the slide.\r\n\r\nNot sure why this is occurring in only FF Dev?"},"comment":{"url":"https://api.github.com/repos/gnab/remark/issues/comments/108070500","html_url":"https://github.com/gnab/remark/issues/240#issuecomment-108070500","issue_url":"https://api.github.com/repos/gnab/remark/issues/240","id":108070500,"user":{"login":"mandiwise","id":1518780,"avatar_url":"https://avatars.githubusercontent.com/u/1518780?v=3","gravatar_id":"","url":"https://api.github.com/users/mandiwise","html_url":"https://github.com/mandiwise","followers_url":"https://api.github.com/users/mandiwise/followers","following_url":"https://api.github.com/users/mandiwise/following{/other_user}","gists_url":"https://api.github.com/users/mandiwise/gists{/gist_id}","starred_url":"https://api.github.com/users/mandiwise/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mandiwise/subscriptions","organizations_url":"https://api.github.com/users/mandiwise/orgs","repos_url":"https://api.github.com/users/mandiwise/repos","events_url":"https://api.github.com/users/mandiwise/events{/privacy}","received_events_url":"https://api.github.com/users/mandiwise/received_events","type":"User","site_admin":false},"created_at":"2015-06-02T19:36:31Z","updated_at":"2015-06-02T19:36:31Z","body":"Thanks, scaling down the image did the trick!"}}