E2 stylesheet issues (idea)

The "E2 Jukka" theme and the "ekw" theme use a stylesheet (styledef.css). This stylesheet defines text styles using the "px" unit (pixels). The problem with this is revealed when a user wants to make the displayed text larger or smaller. Since the font sizes are specified in absolute units, changing the browser's base font size (or using the Larger/Smaller options in IE or konquorer) leaves most of the page's text unchanged. Personally, this drives me crazy on my laptop (which has a small, high res screen) and my desktop when I'm running at a high resoultion. Making this change would break exactly one browser: Internet Explorer 3.

Also, Helvetica should be used before Arial (which is really a bastardized version of Helvetica anyway.) And serif and sans-serif are/were reversed (Helvetica and Arial are sans-serif fonts).

See http://style.cleverchimp.com/font_size/scale/ for more about the amazing CSS 'em' unit :)

What follows is a example of how to fix the E2 stylesheet. I was going to bold changes, but almost every line had changes. I left in all the duplicated font specs, I assume they are there for a reason. (i.e. since 'TD' is specified, 'P' is theoretically redundant.)

/* This dummy is here because IE3 sometimes ignores the first style, not
   used any where, but needed to make this css-def function properly */
.DUMMY {
   color: green;
   text-decoration: blink;
   font-weight: bold;
   eeky-eek: gimp rules;
}


BODY {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 1em;
}



P {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 1em;
}



TD {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 1em;
}


TH {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 1em;
}


H1 {
   font-family: Helvetica Narrow, Arial Narrow, Arial, sans-serif;
   font-size: 1.33em;
}


H1.topic {
   font-family: Helvetica Narrow, Arial Narrow, Arial, sans-serif;
   font-size: 1.33em;
   text-indent: 0.833em;
}


H2.topic {
   font-family: Helvetica Narrow, Arial Narrow, Arial, sans-serif;
   font-size: 1em;
   text-indent: 2.5em;
}


.time {
   font-family: Helvetica Narrow, Arial Narrow, Arial, sans-serif;
   font-size: 1em;
   align: right;
}


.rightmenu {
   margin-left: 0.833em;
}

.newwrite {
   margin-left: 0.25em;
}

tt {
	font-family: Courier New, Courier, Lucida Console, monospace;
	font-size: 1em;
}

pre {
	font-family: Courier New, Courier, Lucida Console, monospace;
	font-size: 1em;
}

small {
	font-size: 85%;
}

big {
	font-size: 110%;
}