Разукрашиваем HTML страницу

Иногда когда верстаешь странички начинаешь путаться в коде,
забыл закрыть тэг,
нашел лишний открытый,
всё это перемешивается с кучей вставок на php, javascript, css,
разобраться становится очень трудно и
кажется что все, готов макет,
но если проверить как следует,
то где-то может быть ошибка или косяк
(конечно всегда есть валидаторы :D).
При верстке не видны границы блоков и кто над кем располагается,
а очень хотелось бы (причем не в ручную).
В результате, родилась идея
случайным образом присвоить всем элементам div случайный цвет фона.

Альбом: Добавленные

Создал простенький скрипт, правда долго я мучался,
но сделал и вставил его себе в базу скриптов GreaseMonkey,
потом натравил его на текущий блог для примера, скриншот вы можете видеть рядом.
Скрипт также можно просто вставить в код страницы на этапе верстки.

 
// ==UserScript==
// @name           divcolorizer
// @namespace      *
// @include        http://xermit.blogspot.com/*
// ==/UserScript==

function RGB2HTML(red, green, blue)
{
 return "#" + red.toString(16) + green.toString(16) + blue.toString(16);
}
 
function OnPageLoad()
{
 var divs = document.getElementsByTagName('div');

 for(var i=0; i < divs.length; i++)
 {
  var r = Math.round(Math.random() * 0xff);
  var g = Math.round(Math.random() * 0xff);
  var b = Math.round(Math.random() * 0xff);
  divs[i].style.backgroundColor = RGB2HTML(r, g, b);
 }
}

OnPageLoad();