[Solved] Bullets show up differently in Safari and Firefox

[SufferBoy]

Why does my bullets show up differently in Safari and Firefox?
Totally new to CSS, so don’t know to much about what i’m doing… :)
But this has been bugging me, tried a lot of different things, but this has been the closest thing.

http://www.viggoknudsen.com/test/urbangreymenu.html

CSS code:

Code:

body {
background-image: url(http://www.viggoknudsen.com/background.jpg); /*background image*/
}

.header {
position:fixed;
top: 20px;
left: 20px;
}

#navigation {
position:fixed;
top: 142px;
left: 30px; /*left position of navigation*/
width: 190px; /*width of menu*/
}

#navigation ul {
list-style-image: url(http://www.viggoknudsen.com/test/bullet.png);
list-style-position: inside;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

#navigation ul li {
padding-bottom: 2px; /*bottom spacing between menu items*/
}

#navigation ul li a, #navigation ul li a:visited {
font: normal 12px Arial;
color: black;
background: #F1F1F1;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

#navigation ul li a:hover { /*hover state CSS*/
font: normal 12px Arial;
color: black;
background: #E1F0A1;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

HTML code:

Code:

• COMMERCIALS
• MUSICVIDEOS
• SHORTS
• INDUSTRIALS
• DOCUMENTARIES
• PHOTOGRAPHY
• CONTACT
• CREDITS

[diablero13]

use a background-image, for example:

Code:

*{margin:0;padding:0}

#navigation ul {list-style:none}

#navigation ul li {padding-bottom:2px}

#navigation ul li a, #navigation ul li a:visited {
background:#F1F1F1 url(“http://www.viggoknudsen.com/test/bullet.png”) 5px 10px no-repeat;
color:black;
display:block;
font:12px/17px Arial;
padding:5px 0 5px 18px;
text-decoration:none;
}
#navigation ul li a:hover {background-color:#E1F0A1}

[SufferBoy]

Ah, so i just put under the #navigation ul li a instead of #navigation ul li or ul. :D
Thanks that worked perfectly!

[Author]

Posts