Ok, I decided to write a little cosmetic Style Sheet from scratch that can make the sight of my website bearable untill the themes (alternate Style Sheets) I've been working on are finished. Here's the full source code of the Style Sheet:
* { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
abbr[title], acronym[title] { border-bottom: 1px dotted inherit; cursor: help }
address, cite, em, i { font-style: italic }
b, strong { font-weight: bold }
body { background-color: #ccc; color: #000; font-size: 65%; padding: 2em }
body, h1, h2, h3, h4, h5, h6 { margin: 0px }
h1 { font-size: 4em }
h2 { font-size: 2em; font-weight: normal; padding-bottom: 1em; text-align: right }
h3 { color: #fff; font-size: 1.2em }
h4, table, td, th, tr { font-size: 1em }
ins { color: #888; text-decoration: none }
pre { height: 150%; overflow: auto; width: 100% }
td[axis=Today] { font-weight: bold }
.item { background-color: #fff; border: 1px solid #888; margin: 1em }
.item .header { background-color: #888; border-bottom: 1px solid #888; text-align: center }
.item .body { padding: 1em }
.item .footer { text-align: right }
#root { background-color: #eee; border: 1px solid #000; max-width: 90%; width: 50em }
#header { background: #008 url(header.jpg) repeat; padding: 1em 1em 0em 1em }
#header * { border: none; color: #fff; text-decoration: none }
#header hr { display: none }
#header map div { color: #008 }
#header map a { padding: 0.1em }
#header map a:hover { background-color: #fff; color: #000 }
#header .active { background-color: #eee; color: #000 }
#body { padding: 1em }
#footer { padding: 1em }
#footer hr { display: none }
It's nothing fancy, but it works fine in Mozilla, Firebird and even Internet Explorer 6 (!),
So I guess this will have to do untill I get to finish the themes I've been planning for this website.
By the way, overflow: auto is God.