diff --git a/trunk/module/my/view/header.html.php b/trunk/module/my/view/header.html.php
index a966206dd4..923f344254 100644
--- a/trunk/module/my/view/header.html.php
+++ b/trunk/module/my/view/header.html.php
@@ -91,18 +91,18 @@ $("#{$tabID}tab").addClass('active');
 EOT;
         ?>
         </ul>
-        <?php if($tabID == 'todo'):?>
-        <div>
-          <?php 
-          echo html::a($this->createLink('my', 'todo', "date=today"),     $lang->todo->todayTodos);
-          echo html::a($this->createLink('my', 'todo', "date=thisweek"),  $lang->todo->thisWeekTodos);
-          echo html::a($this->createLink('my', 'todo', "date=lastweek"),  $lang->todo->lastWeekTodos);
-          echo html::a($this->createLink('my', 'todo', "date=all"),   $lang->todo->allDaysTodos);
-          echo html::a($this->createLink('my', 'todo', "date=before&account={$app->user->account}&status=wait,doing"), $lang->todo->allUndone);
-
-          echo html::select('date', $dates, $date, 'onchange=changeDate(this.value)');
-          echo html::a($this->createLink('todo', 'create', "date=$date"), $lang->todo->create);
-          ?>
-        </div>
-        <?php endif;?>
       </div>
+      <?php if($tabID == 'todo'):?>
+      <div id = 'subtab'>
+        <?php 
+        echo html::a($this->createLink('my', 'todo', "date=today"),     $lang->todo->todayTodos);
+        echo html::a($this->createLink('my', 'todo', "date=thisweek"),  $lang->todo->thisWeekTodos);
+        echo html::a($this->createLink('my', 'todo', "date=lastweek"),  $lang->todo->lastWeekTodos);
+        echo html::a($this->createLink('my', 'todo', "date=all"),   $lang->todo->allDaysTodos);
+        echo html::a($this->createLink('my', 'todo', "date=before&account={$app->user->account}&status=wait,doing"), $lang->todo->allUndone);
+
+        echo html::select('date', $dates, $date, 'onchange=changeDate(this.value)');
+        echo html::a($this->createLink('todo', 'create', "date=$date"), $lang->todo->create);
+        ?>
+      </div>
+      <?php endif;?>
diff --git a/trunk/www/theme/default/style.css b/trunk/www/theme/default/style.css
index 5a2c1c5adb..381fb3fbc6 100644
--- a/trunk/www/theme/default/style.css
+++ b/trunk/www/theme/default/style.css
@@ -127,6 +127,8 @@ tr, th, td {padding:5px}
 #tabbar .active a:hover {color:red}
 #tabbar div{float:right; padding:5px 10px 4px 10px; background:#FFCF9C}
 #tabbar div select{font-size:11px; height:19px; margin:0; padding:0}
+#subtab  {clear:both; text-align:left; background-color:#B6F5CB; font-weight:bold; font-size:108%; padding-left:10px}
+#subtab a{text-decoration:none; color:black;}
 
 #titlebar{font-size:16px; font-weight:bold; background:#e4e4e4; padding:5px; margin:10px 0 10px 0; height:22px}
 #titlebar #main {float:left;  width:80%; clear:none; text-align:left}