Permalink
Browse files

Workaround for IE8 clipping bug in menu

  • Loading branch information...
1 parent 40f2331 commit dcb504627e84fb3bb71a54c1e44d9eb0025d2f4e Jason Johnston committed Jul 26, 2010
Showing with 9 additions and 1 deletion.
  1. +7 −0 site/pie-wp-theme/css/common.css
  2. +2 −1 site/pie-wp-theme/header/header-default.php
@@ -86,6 +86,9 @@ pre.long {
-webkit-box-shadow: #999 0 0 12px;
-moz-box-shadow: #999 0 0 12px;
box-shadow: #999 0 0 12px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
behavior: url(/PIE.htc);
}
@@ -135,6 +138,10 @@ pre.long {
padding: 10px 0;
overflow: hidden;
}
+#mainNav.ie8 {
+ /* workaround for weird bug where IE8 draws a 1px line outside the overflow:hidden container */
+ clip: rect(0,250px,1000px,1px);
+}
#mainNav ul,
#mainNav li {
display: block;
@@ -75,7 +75,8 @@
<p class="tagline">Progressive Internet Explorer</p>
- <nav id="mainNav">
+ <!--[if IE 8]><nav id="mainNav" class="ie8"><![endif]-->
+ <![if lt IE 8]><nav id="mainNav"><![endif]>
<?php wp_nav_menu( array('menu' => 'Main Menu', 'container' => null )); ?>
<p><a class="outbound" href="http://github.com/lojjic/PIE/downloads"><strong>Download</strong> <span class="version">Version 1.0beta1</span></a></p>

0 comments on commit dcb5046

Please sign in to comment.