function supports_input_placeholder() {
  var i = document.createElement('input');
  return 'placeholder' in i;
}

e poi la funzione vera e propria in jQuery

$(document).ready(function(){
if(!supports_input_placeholder()) {
        $('input[type=text]').each(function() {
            var plch = $(this).attr('placeholder');
            $(this).css('color','#999')
            .focus(function(){
                if($(this).val() == plch) {
                    $(this).val('').removeAttr('style');
                }
            })
            .blur(function(){
                if(!$(this).val()) {
                    $(this).css('color','#999').val(plch);
                }
            })
            .val(plch);
        })
    }
});

In tanti hanno proposto delle soluzioni, e la più seguita credo sia quella di Marek Prokop, tradotta in italiano da risorse.net. La soluzione è certamente la più corretta a livello semantico e di standard, rimane però il problema che non sempre è possibile usare un <div> contenitore (per esempio in un CMS).

Jaroslav Polakovič ha però trovato una soluzione a mio avviso più interessante, ovvero utilizzare un attributo css proprietario di IE: lo zoom.

Presente fin da IE 5 la proprietà  zoom permette appunto di ingrandire (o diminuire) un oggetto in percentuale. In questo modo, rimpicciolendo la dimensione del <hr> a un quarto della sua dimensione, i bordi “spariscono”. Per fare questo è però necessario un commento condizionale per IE e una immagine di sfondo 4 volte più grande di quella usata per i browser standard compliant.

Il codice:

<!--[if lte IE 7]>
hr {
background-image: url('four-times-larger-image.gif');
height: 60px;
zoom: 25%;
}
<! [endif] -->