Support » Themes and Templates » CSS issue in IE8

  • Resolved carrieoke13

    (@carrieoke13)


    I have a css navigation menu in my theme that works great in all browsers except IE8. for some reason, in IE8, the final li in the menu is dropping down lower than all the other li’s. here’s a screenshot of what it looks like: http://screencast.com/t/2dNJfLtSQH

    the css for the menu is pretty straightforward:

    #nav-primary ul, #nav-primary li {
    	list-style: none;
    	display: inline;
    
    }
    #nav-primary ul {
    	margin: 0;
    	padding: 0 0 0 7%;
    	font-family: FontinSans;
    	font-size: 125%;
    }
    #nav-primary ul li a {
    	padding: 0.2em 12px;
    	color: #000000;
    	text-decoration: none;
    	float: left

    has anyone come across this issue before? the URL is http://test.stashknitrepeat.com

    thanks!

Viewing 1 replies (of 1 total)
  • Thread Starter carrieoke13

    (@carrieoke13)

    I solved this problem by declaring specific padding for the ul li a and it seems to be working now.

Viewing 1 replies (of 1 total)
  • The topic ‘CSS issue in IE8’ is closed to new replies.