v.plonk!

Maybe you have seen that I made some minor changes to my layout lately. There are some things I found out using Opera, Firefox (with DevTools) and IE7, I'd like to share so you don't run into the same trouble.

.ownercomment {
    background: #YOUR_COLOR_AS_HEX_CODE;
}

.comment1 {
    background: #181818 url('SERVER_URL/comment_1.png') repeat-y;
}
.comment2 {
    background: #272727 url('SERVER_URL/comment_2.png') repeat-y;
}
.ownercomment {
    background: #001c30 url('SERVER_URL/comment_own.png') repeat-y;
}

#side h2, #side caption {
    background: #001c30 url('SERVER_URL/sidebox_head.png') repeat-y;
}
.sidebox {
    background: #181818 url('SERVER_URL/sidebox_body.png') repeat-y;
}

/* VISITORS SIDEBAR */
#visitors ul {
    border: none;
    width: 230px;
    margin: 0px;
    padding: 0px;
    background: transparent;
}
#visitors li {
    display: inline;
    height: 80px;
    border: none;
    width: 230px;
    margin: 0px;
    padding: 0px;
    background: transparent;
}
#visitors li:hover {
    width: 230px;
    margin: 0px;
    padding: 0px;
    background: transparent;
}
#visitors li.first {
    border: none;
    width: 230px;
    margin: 0px;
    padding: 0px;
    background: transparent;
}
#visitors li.mid {
    border: none;
    width: 230px;
    margin: 0px;
    padding: 0px;
    background: transparent;
}
#visitors li a {
    color: #006bd0;
    border: none;
    width: 73px;
    margin: 0px;
    padding: 0px;
    background: transparent;
}
#visitors span {
    float: left;
    height: 22px;
    width: 140px;
    color: #004e87;
    border: none;
    margin: -60px 0px 0px 73px;
    padding: 25px 0px 25px 0px;
    background: transparent;
    font-size: 1.5em;
}
#visitors span:hover {
    color: #006bd0;
}
#visitors img {
    float: left;
    border: none;
    margin: 0px;
    padding: 0px;
    background: transparent;
    margin: 10px 0px 0px 5px;
}

#visitors li a { *margin: 0px 0px 0px -146px; }