Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder Apothem's Avatar
    Join Date
    Mar 2008
    Posts
    380
    Thanks
    36
    Thanked 25 Times in 25 Posts

    Background positioning on Safari + IE - a:hover position

    Here's the code:
    Code:
    <style type="text/css">
    @import url('http://manga2.vandeft.com/template/default/style.css');
    </style>
    <div id="toolbox">
      <h2>Tool Box</h2>
      <form method="post">
    	
    	<label id="score"><a href="javascript:void(0);">Rating: <strong> 1</strong>/5 (1 vote)</a></label>
    	<label class="ratingblock">
    		<ul id="rate_ul_1" class="unit-rating" style="width:80px;">
    			<li id="scorelen" class="current-rating" style="width:16px;">1/5</li>
    				<li><a href="javascript: void(0);"  title="1 out of 5" class="r1-unit rater" rel="nofollow">1</a></li>
    				<li><a href="javascript: void(0);" title="2 out of 5" class="r2-unit rater" rel="nofollow">2</a></li>
    				<li><a href="javascript: void(0);"  title="3 out of 5" class="r3-unit rater" rel="nofollow">3</a></li>
    				<li><a href="javascript: void(0);" title="4 out of 5" class="r4-unit rater" rel="nofollow">4</a></li>
    				<li><a href="javascript: void(0);"  title="5 out of 5" class="r5-unit rater" rel="nofollow">5</a></li>
    		</ul>
    	</label>
    
    	<br class="spacer" />
      </form>
      <br class="spacer" />
    </div>
    So on Firefox (3.08) and Opera (9.64), I can view the star images pretty well; there's no error.

    For Internet Explorer (8) and Safari (4 public beta), the star images are cut off. Plus, for Safari, the a:hover star images are pushed lower and hovering over them doesn't show stars 2+.

    What's wrong and how do I fix it?

  • #2
    New Coder
    Join Date
    Mar 2009
    Posts
    25
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Well if you could post the entire could I may be able to help more, however.. in your head(I'm not sure if you have this or not..) you need to put
    Code:
    <!--[if lte IE 7]>
    <style type="text/css">
    html .jquerycssmenu{height: 1%;}
    </style>
    <![endif]-->
    Hope this helps, if not can you post the link where I can see the issue?

  • #3
    Regular Coder Apothem's Avatar
    Join Date
    Mar 2008
    Posts
    380
    Thanks
    36
    Thanked 25 Times in 25 Posts
    http://tmp.vandeft.com/test.php
    Compare it from Firefox to IE/Safari.

    Adding that bit of CSS didn't help.

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,864
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Have a try by adding font-size:0; to your .unit-rating li a
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •