diff --git a/prefs.php b/prefs.php
index 6fa83706..7ca10af3 100644
--- a/prefs.php
+++ b/prefs.php
@@ -17,6 +17,8 @@
 	$dt_add = get_script_dt_add();
 
 ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html>
 <head>
 	<title>Tiny Tiny RSS : Preferences</title>
@@ -85,45 +87,28 @@ window.onload = init;
 
 <ul id="debug_output"></ul>
 
+<div id="notify" class="notify"><span id="notify_body">&nbsp;</span></div>
+
 <div id="fatal_error"><div id="fatal_error_inner">
 	<h1>Fatal Error</h1>
 	<div id="fatal_error_msg">Unknown Error</div>
 </div></div>
 
-<table width="100%" height="100%" cellspacing="0" cellpadding="0" class="main">
-<?php if (get_pref($link, 'DISPLAY_HEADER')) { ?>
-<tr>
-	<td colspan="2">
-		<table cellspacing="0" cellpadding="0" width="100%"><tr>
-			<td rowspan="2" class="header" valign="middle">	
-				<img src="<?php echo $theme_image_path ?>images/ttrss_logo.png" alt="Tiny Tiny RSS">	
-			</td>
-			<td valign="top" class="notifyBox">
-				<div id="notify" class="notify"><span id="notify_body">&nbsp;</span></div>
-			</td>
-		</tr><tr><td class="welcomePrompt">
-			<?php if (!SINGLE_USER_MODE) { ?>
-				Hello, <b><?php echo $_SESSION["name"] ?></b>
-				(<a href="logout.php">Logout</a>)
-			<?php } ?>
-			</td>
-		</tr></table>
-	</td>
-</tr>
-<?php } else { ?>
-<tr>
-	<td class="small">
-		<div id="notify" class="notify_sm"><span id="notify_body">&nbsp;</span></div>
-		<div id="userDlgShadow"><div id="userDlg">&nbsp;</div></div>
-	</td><td class="welcomePrompt">
-		<?php if (!SINGLE_USER_MODE) { ?>
+<div id="prefHeader">
+	<?php if (!SINGLE_USER_MODE) { ?>
+		<div style="float : right">
 			Hello, <b><?php echo $_SESSION["name"] ?></b>
 			(<a href="logout.php">Logout</a>)
-		<?php } ?>
-</td></tr>
-<?php } ?>
-<tr>
-	<td class="prefsTabs" align="left" valign="bottom">
+		</div>
+	<?php } ?>
+	<img src="<?php echo $theme_image_path ?>images/ttrss_logo.png" alt="Tiny Tiny RSS"/>	
+</div>
+
+<div id="prefTabs">
+		<div class="return">
+			<a href="#" onclick="gotoMain()">Exit preferences</a>
+		</div>
+
 		<input id="genConfigTab" class="prefsTab" type="submit" value="Preferences"
 			onclick="selectTab('genConfig')">
 		<input id="feedConfigTab" class="prefsTab" type="submit" value="My Feeds"
@@ -142,29 +127,11 @@ window.onload = init;
 		<input id="userConfigTab" class="prefsTab" type="submit" value="User Manager"
 			onclick="selectTab('userConfig')">
 		<?php } ?>		
-	</td>
-	<td class="prefsToolbar" valign="middle" align="right">	
-		<input type="submit" onclick="gotoMain()" class="button" value="Return to main">
-	</td>
-	</tr>
-</tr>
-	<td id="prefContent" class="prefContent" valign="top" colspan="2">
+</div>
 
-		<p>Loading, please wait...</p>
-
-	</td>
-</tr>
-<?php if (get_pref($link, 'DISPLAY_FOOTER')) { ?>
-<tr>
-	<td class="footer" colspan="2">
-		<a href="http://tt-rss.spb.ru/">Tiny Tiny RSS</a> v<?php echo VERSION ?> &copy; 2005-2006 Andrew Dolgov
-		<?php if (WEB_DEMO_MODE) { ?>
-		<br>Running in demo mode, some functionality is disabled.
-		<?php } ?>
-	</td>
-</td>
-<?php } ?>
-</table>
+<div id="prefContent">
+	<p>Loading, please wait...</p>
+</div>
 
 <?php db_close($link); ?>
 
diff --git a/themes/compat/theme.css b/themes/compat/theme.css
index 40a437c5..33190350 100644
--- a/themes/compat/theme.css
+++ b/themes/compat/theme.css
@@ -8,104 +8,6 @@ body {
 
 /* common styles */
 
-table.main td.headerBox {
-	background-image : url("images/vgrad_light_rev2.png");
-	background-position : top left;
-	background-repeat : repeat-x;
-}
-
-/*
-table.main td.header {
-	padding : 10px 10px 10px 30px;
-	height : 70px;
-} */
-
-table.main td.mainToolbar {
-	border-width : 0px 0px 0px 0px;
-	border-style : solid;
-	border-color : #c0c0c0;
-	padding : 3px 25px 3px 10px;
-}
-
-table.main td.prefsToolbar {
-	padding : 0px 5px 5px 0px;
-}
-
-table.main td.feeds {
-	width : 290px;
-	height : 100%;
-	border-width : 1px 0px 0px 0px;
-	border-style : solid;
-	border-color : #c0c0c0;
-	padding : 0px;
-}
-
-table.main td.headlinesToolbarBox {
-	padding : 10px;
-	border-width : 0px 0px 1px 1px;
-	border-style : solid;
-	border-color : #c0c0c0;
-	background-image : url("images/vgrad_light.png");
-	background-position : bottom left;
-	background-repeat : repeat-x;
-}
-
-table.main td.footer, table.main td.prefFooter {
-	border-width : 1px 0px 0px 0px;
-	border-style : solid;
-	border-color : #c0c0c0;
-	padding : 10px;
-	text-align : center;
-	font-size : x-small;
-	background-image : url("images/vgrad_light_rev2.png");
-	background-position : top left;
-	background-repeat : repeat-x;
-	color : gray;
-}
-
-table.main td.footer a {
-	color : gray;
-}
-
-table.main td.footer a:hover {
-	color : #5050aa;
-}
-
-table.main td.headlines {
-	height : 25%;
-	border-width : 0px 0px 1px 1px;
-	border-style : solid;
-	border-color : #c0c0c0;
-}
-
-table.main td.headlines2 {
-	height : 100%;
-	border-width : 0px 0px 0px 1px;
-	border-style : solid;
-	border-color : #c0c0c0;
-}
-
-table.main td.content {
-	height : 100%;
-	background-image : url("images/vgrad_light_rev.png");
-	background-position : top left;
-	background-repeat : repeat-x;
-	border-width : 0px 0px 0px 1px;
-	border-style : solid;
-	border-color : #c0c0c0;
-}
-
-table.main td.prefContent {
-	height : 100%;
-	background-image : url("images/vgrad_light_rev.png");
-	background-position : top left;
-	background-repeat : repeat-x;
-	border-width : 1px 0px 0px 0px;
-	border-style : solid;
-	border-color : #c0c0c0;
-	padding : 20px;
-}
-
 div.postReply {
 	background-image : url("images/vgrad_light_rev.png");
 	background-position : top left;
@@ -561,7 +463,7 @@ div.warning {
 	border : 1px solid #c0c0c0;
 	padding : 5px;
 	margin : 5px;
-	font-size : x-small;
+	font-size : small;
 }
 
 div.notice {
@@ -569,7 +471,7 @@ div.notice {
 	border : 1px solid #c0c0c0;
 	padding : 5px;
 	margin : 5px;
-	font-size : x-small;
+	font-size : small;
 }
 
 ul.nomarks {
@@ -918,7 +820,7 @@ div.cdmContent a:hover {
 	right : 5px;
 	height : 40px;
 	color : gray;
-	font-size : x-small;
+	font-size : small;
 }
 
 #feeds-holder {
@@ -1005,3 +907,42 @@ div.headlines_cdm {
 	margin-left : 1px;
 	background-color : white;
 }
+
+/* preferences layout */
+
+#prefHeader {
+	margin : 10px;
+	color : gray;
+	font-size : small;
+}
+
+#prefTabs {
+	border-width : 0px 0px 1px 0px;
+	border-color : #c0c0c0;
+	border-style : solid;
+	border-collapse : collapse;
+	padding : 0px 10px 0px 10px;
+}
+
+#prefTabs div.return {
+	float : right;
+	font-size : small;
+}
+
+#prefTabs div.return a {
+	color : #5050aa;
+}
+
+#prefTabs div.return a:hover {
+	color : black;
+}
+
+#prefContent {
+	bottom : 20px;
+	padding : 1em;
+	min-height : 300px;
+	background-image : url("images/vgrad_light_rev.png");
+	background-position : top left;
+	background-repeat : repeat-x;
+	font-size : small;
+}
diff --git a/tt-rss.css b/tt-rss.css
index 0b2d9de0..1206c643 100644
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -6,106 +6,6 @@ body {
 	font-family : sans-serif;
 }
 
-/* common styles */
-
-table.main td.headerBox {
-/*        background-image : url("images/vgrad_light_rev2.png");
-	background-position : top left;
-	background-repeat : repeat-x; */
-  		  background-color : white;
-}
-
-table.main td.header {
-	padding : 10px 10px 10px 10px;
-	height : 50px;
-}
-
-table.main td.mainToolbar {
-	border-width : 0px 0px 0px 0px;
-	border-style : solid;
-	border-color : #c0c0c0;
-	padding : 3px 25px 3px 10px;
-}
-
-table.main td.prefsToolbar {
-	padding : 0px 5px 5px 0px;
-}
-
-table.main td.feeds {
-	width : 290px;
-	height : 100%;
-	border-width : 1px 0px 0px 0px;
-	border-style : solid;
-	border-color : #88b0f0;
-	padding : 0px;
-}
-
-table.main td.headlinesToolbarBox {
-	padding : 10px;
-	border-width : 0px 0px 1px 1px;
-	border-style : solid;
-	border-color : #88b0f0;
-	background-image : url("images/toolbar.png");
-	background-position : bottom left;
-	background-repeat : repeat-x;
-	background-color : white;
-}
-
-table.main td.footer {
-	border-width : 1px 0px 0px 0px;
-	border-style : solid;
-	border-color : #88b0f0;
-	padding : 10px;
-	text-align : center;
-	font-size : x-small;
-	background-image : url("images/footer.png");
-	background-position : top left;
-	background-repeat : repeat-x; 
-	background-color : white;
-	color : gray;
-}
-
-table.main td.footer a {
-	color : gray;
-}
-
-table.main td.footer a:hover {
-	color : #4684ff;
-}
-
-table.main td.headlines {
-	height : 25%;
-	border-width : 0px 0px 1px 1px;
-	border-style : solid;
-	border-color : #88b0f0;
-}
-
-table.main td.headlines2 {
-	height : 100%;
-	border-width : 0px 0px 0px 1px;
-	border-style : solid;
-	border-color : #c0c0c0;
-}
-
-table.main td.content {
-	height : 100%;
-	border-width : 0px 0px 0px 1px;
-	border-style : solid;
-	border-color : #88b0f0;
-}
-
-table.main td.prefContent {
-	height : 100%;
-	background-image : url("images/prefs-content.png");
-	background-position : top left;
-	background-repeat : repeat-x;
-	border-width : 1px 0px 0px 0px;
-	border-style : solid;
-	border-color : #88b0f0;
-	padding : 20px;
-	background-color : white; 
-}
-
 div.postReply {
 	padding : 10px;
 }
@@ -641,7 +541,7 @@ input.prefsTab {
 	padding : 2px 7px 2px 7px;
 	margin : 0px 1px 0px 0px;
 	width : 130px;
-	font-size : x-small;
+	font-size : small;
 	background-color : white;
 }
 
@@ -657,7 +557,7 @@ input.prefsTabSelected {
 	font-weight : bold;
 	background-position : top left;
 	background-repeat : repeat-x;
-	font-size : x-small;
+	font-size : small;
 }
 
 
@@ -668,9 +568,9 @@ input.prefsTabSelected {
 div.warning {
 	background : #fff7d5;
 	border : 1px solid #d7c47a;
-	padding : 3px;
+	padding : 5px;
 	margin : 5px;
-	font-size : x-small;
+	font-size : small;
 }
 
 div.notice {
@@ -678,7 +578,7 @@ div.notice {
 	border : 1px solid #88b0f0;
 	padding : 5px;
 	margin : 5px;
-	font-size : x-small;
+	font-size : small;
 }
 
 ul.nomarks {
@@ -1368,3 +1268,46 @@ div.headlines_cdm {
 	height : 280px;
 	overflow : auto;
 }
+
+/* preferences layout */
+
+#prefHeader {
+	margin : 10px;
+	color : #4684ff;
+	font-size : small;
+}
+
+#prefTabs {
+	border-width : 0px 0px 1px 0px;
+	border-color : #88b0f0;
+	border-style : solid;
+	border-collapse : collapse;
+	padding : 0px 10px 0px 10px;
+}
+
+#prefTabs div.return {
+	float : right;
+	font-size : small;
+}
+
+#prefTabs div.return a {
+	color : #4684ff;
+}
+
+#prefTabs div.return a:hover {
+	color : black;
+}
+
+#prefTabs input {
+	vertical-align : bottom;
+}
+
+#prefContent {
+	bottom : 20px;
+	padding : 1em;
+	min-height : 300px;
+	background-image : url("images/prefs-content.png");
+	background-position : top left;
+	background-repeat : repeat-x;
+	font-size : small;
+}
diff --git a/tt-rss.php b/tt-rss.php
index 2d5ad87e..a323922b 100644
--- a/tt-rss.php
+++ b/tt-rss.php
@@ -115,7 +115,7 @@ window.onload = init;
 			(<a href="logout.php">Logout</a>)
 		</div>
 	<?php } ?>
-	<img src="<?php echo $theme_image_path ?>images/ttrss_logo.png" alt="Tiny Tiny RSS">	
+	<img src="<?php echo $theme_image_path ?>images/ttrss_logo.png" alt="Tiny Tiny RSS"/>	
 </div>
 
 <div id="feeds-holder">
