Browser differences

[PhpNobody]

Please take a look at the outcomes I get.

FF http://sciencewar.hostme.lt/images/ff.bmp

IE http://sciencewar.hostme.lt/images/ie.bmp

Chrome  http://sciencewar.hostme.lt/images/chrome.bmp

Opera http://sciencewar.hostme.lt/images/opera.bmp

 

First of, the shortcut icon. Code:

<link rel="SHORTCUT ICON" href="htt://sciencewar.hostme.lt/images/icon.ico">

It's 32x32. Why it's only displayed in Opera?

 

And now the tables.

In IE it seems that the borders stay not removed.

CSS code:

.line {
    border-width:0;
    background-color:#333333;
    width: 200px;
    height: 10px;
    background-image: url(http://sciencewar.hostme.lt/images/line.png);
}

I use the line class in <hr/>. Is this the reason why the borders don't get removed in IE? And if so then how should I handle it?

 

Now the missing borders. The missing border is actually part of the image and not a border.

Link to it: http://sciencewar.hostme.lt/images/col_left.gif

How should I fix it so that they appear in Opera and Chrome?

 

Thanks.

[cssfreakie]

place a reset.css above your own styles that takes away most browser differences.

I prefer meyer's reset.