IE 7 doesn't respect css property outline so you can't remove annoying outline using following css:

* :focus { outline: none; }

But you can remove it using JQuery . Most of sites already have Jquery include so you don't need to add anything except following code.

$("a").each(function() {
  $(this).attr("hideFocus", "true").css("outline", "none");
});

If you're using Mootools or Prototype - you can rewrite this code for these frameworks easily.

And this won't affect your css validation!

Recently was an article on Digg... "Don't use CSS ever" or something like this... Opened link - just another SEO company. So, I decided to write post about CSS.

Sometime you need a block elements that should be specified size, but if there are more content - grow vertically. Basically, this is a frequent trouble for peoples who works long time with IE and then see the problems in Firefox.

Here is my little css:

 _height: 458px; /* IE 6 only */
 min-height: 458px;
 display:block;

That's all. All good browsers support min-height and IE uses "height" like min-height, but just need to make it IE-only, so we are using "_height" attribute.