12 12 / 2012

13 9 / 2012

<div style=position: relative; z-index: 3000>
    <div style=position:absolute;z-index:1000;>
        <a href="#">Page</a>
        ...
    </div>
</div>
<img style=position:absolute src=myimage.png />
Key Points
Give parent element a higher z-index
Positioned elements reset the z-index

03 8 / 2012

Turns out without content in a TD IE7 will discard any border applied to the element.

No border

    <tr>
         <td></td>
    </tr>

Border

    <tr>
         <td> nbsp; </td>
    </tr>
WTF.

25 7 / 2012

input[type="text"], 
input[type="password"], 
textarea, 
select 
{ 
    outline: none;
}

23 7 / 2012

Elements that need to be flush against each other using inline-block must not have white space in the code. Strange strange bug.

Works

    <ul>
         <li>Menu item</li><li>Menu item</li>
    </ul>

Doesn’t work

    <ul>
         <li>Menu item</li>
         <li>Menu item</li>
    </ul>
UPDATE Apparently this is also an issue when displaying ‘inline’ - even in Chrome!

18 7 / 2012

filter: alpha(opacity = 70);
To make this work in LESS
filter: ~"alpha(opacity = 70)";