CSSで指定した背景が印刷されない

質問

CSS初心者です、
CSSで背景を指定しているのですが閲覧者側で印刷時に背景も印刷にチェックをいれないと背景が印刷されないのですが、閲覧者側で上記の作業をいなくても背景を印刷させる方法はありましたらどなたかご教授ください。

ソース記述
<div id="header">
<ul id="menu">
<li id="mnu1"><a href="index.html"><img src="menu/tm.gif" width="114" height="44" alt="HOME" title="HOME" /></a></li>
<li id="mnu2"><a href="topics.html"><img src="menu/tm.gif" width="114" height="44" alt="オリジナルケーキ" title="Topics" /></a></li>
<li id="mnu3"><a href="location.html"><img src="menu/tm.gif" width="114" height="44" alt="スイーツ" title="Location" /></a></li>
<li id="mnu4"><a href="business.html"><img src="menu/tm.gif" width="114" height="44" alt="マロン" title="Business" /></a></li>
<li id="mnu5"><a href="population.html"><img src="menu/tm.gif" width="114" height="44" alt="ギフト" title="Population Labor" /></a></li>
<li id="mnu6"><a href="industrial.html"><img src="menu/tm.gif" width="114" height="44" alt="生地制作" title="Industral Park" /></a></li>
<li id="mnu7"><a href="contact.html"><img src="menu/tm.gif" width="114" height="44" alt="お問い合わせ" title="Contact" /></a></li>
</ul>

CSS記述
#header{
background-color : #ffffff;
background-repeat : no-repeat;
width : 800px;
background-image : url(img/logotop.gif);
height : 197px;
display:list-item;
list-style-image: url(img/logotop.gif);
}
ul#menu{
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
width : 800px;
height : 44px;
padding: 0px
;}
ul#menu li{
float : left;
list-style-type : none;
}
ul#menu li a{display: block;
text-decoration: none;
outline: none;
}
#mnu1 a{
background-image : url(menu/menu1.gif);
display : block;
text-decoration : none;
background-repeat : no-repeat;
outline: none;
}
#mnu1 a:hover{
background-position : left bottom;}
#mnu1{
margin-top : 0px;

}
#mnu1 img{border-width : 0px 0px 0px 0px;
}
よろしくお願いします。

回答No.1

dezimac

Lucky bag::blog: 印刷用 CSS で背景画像を印刷させるサンプル
http://www.lucky-bag.com/appendix/print-background-img/print-background.html

かなりトリッキーな方法なんですが、こちらを参考にされたのでしょうか。
#headerに「list-style-position: inside;」が抜けているので追加して下さい。

#header{
中略
display:list-item;
list-style-image: url(img/logotop.gif);
list-style-position: inside;
}

お礼

dezimacさま
ありがとうございました
list-style-position: inside;
を追記し表示されましたが本来表示されるheader内ではなく
右外側に表示されてしまいます、
しかもheaderはheaderで表示されてます、
header内に背景でしていしたimgが２つ並んで表示されてしまいます。