Oncemade » bug http://oncemade.com Design, Web Dev, Inspiration Fri, 09 Jul 2010 02:06:26 +0000 en hourly 1 http://wordpress.org/?v=3.0 Adjacent Sibling Selector Bug in IE7 http://oncemade.com/adjacent-sibling-selector-bug-ie7/ http://oncemade.com/adjacent-sibling-selector-bug-ie7/#comments Mon, 27 Jul 2009 12:00:13 +0000 Rodrigo http://oncemade.com/?p=574 I recently ran into a bug on Internet Explore 7 that was driving me nuts. After hours of debugging, I finally found the solution.

IE7 has a bug when using adjacent sibling selectors. If there is a comment between two elements, it will think that the comment is the next element. Here is the example:

CSS
p + p { background-color: #fc0; }
Markup with comment
<p>Paragraph #1</p>
<!-- my comment here -->
<p>Paragraph #2</p>

The image bellow shows how it supposed to look like in all modern browsers. Unfortunately, the only way to make it work in IE7 would be by removing the comment.

adjacent sibling selector

Markup without comment to make it work in IE7
<p>Paragraph #1</p>
<p>Paragraph #2</p>
]]> http://oncemade.com/adjacent-sibling-selector-bug-ie7/feed/ 3