- This topic is empty.
-
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:
Untitled Document 
- The forum ‘CSS’ is closed to new topics and replies.