Textpattern CMS

#1 2007-09-25 19:27:55

wspence

Member

Registered: 2006-09-03

Posts: 84

Issue with Safari

Anyone have any idea what would be the issue with this styled UL w/ safari?

here’s the code in html

<div id=“vmeni”>
<a tip=”“ name=“nav” id=“nav”></a>
<ul><li><a title=“The Team” id=“vmeniTeam” href=“http://www.hoovision.com/team/”><span>The Team</span></a>
</li><li><a title=“Contact” id=“vmeniContact” href=“http://www.hoovision.com/contact”><span>Contact</span></a>
</li></ul>
</div>

and in CSS

div#vmeni ul li a {
display: block;
width: 201px;
height: 34px;
background-repeat: no-repeat;
background-x-position: right;
background-y-position: top;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
}

div#vmeni ul li a:hover, div#vmeni ul li a:focus {
background-x-position: 0pt;
background-y-position: -34px;
}

div#vmeni ul li a:hover, div#vmeni ul li a:focus {
background-x-position: 0pt;
background-y-position: -34px;
}

div#vmeni a#vmeniTeam {
background-image: url(http://www.hoovision.com/img/vmeni_06_team.gif);
}

and this is what it looks like in safari….

Thanks yet again in advance guys!

#2 2007-09-25 20:39:56

ricetxp

Member

From: London, UK

Registered: 2005-05-24

Posts: 89

Website

Re: Issue with Safari

Try adding

margin: 0;
padding: 0;

to

div#vmeni ul

#3 2007-09-25 21:10:22

wspence

Member

Registered: 2006-09-03

Posts: 84

Re: Issue with Safari

thanks so much.