Safari not scaling bullet images

Question

When you zoom in on a page in Safari and the bullets have images assigned to them, the images don't scale with the text. If you zoom in on a page in FF the bullet images will scale.

Is there a way to do make that happen in Safari without using background images?

Answer 1

You can try using a background image instead of list-style-image:

• Change your list-style-type to none
• Style the list item (or if there's an anchor, style the anchor) to have a background-image
• Set the background-repeat to no-repeat
• Set the padding-left of the LI to accommodate the background-image
• If needed, adjust the background-position

Something like this:

background-image:url(Bullet.png);
background-repeat:no-repeat;
padding-left:30px;
margin-left:-30px;