お世話になります。
標記に尽いて質問をさせてください。

summaryの「▶」を画像に変更しようとCSSを書いたのですが、
背景までその画像になってしまいます（画像参照）。
いろいろ参考にさせていただいたブログさまの通り書いているのですが、
どうにもうまくいきません。

コードについてご指導をよろしくお願いいたします。

summary{
cursor:pointer;
list-style:none;
background-image:url(URL);
background-repeat: no-repeat;
}
summary::-webkit-details-marker{
background:url(URL);
no-repeat; center/6px;
color:transparent;
background-size:11px;
}

※この画面を確認したブラウザはchromeです