Webstylist.dk

This might be a rant Its a enoying behavour IE have.

On input boxes, IE 6 makes some hidden border/margin or something on the top and bottom. I will show you:

In IE:

In Firefox:

I made this example with the following HTML:
<div style="width:200px;border:1px solid #000;"><input style="height:10px;"></div>
You would think the input would be 10 pixel high and the div 12 pixel. But in IE the div is 14 pixel high.

Its a good thingy to know, when designing around an input box. This has mostly been a problem when designing cool search boxes.

I can only ask one thing, why oh why?

Styling scrollbars on the web, is a request I often get from designers.

I recently had a task, where I needed some stylish scrollbars. The CSS for styling scrollbars in IE wasn't good enough. So the hunt was on.

(more...)