firefox only problem

This is the head of my doc. It is supposed to change the page height based on the selection from the menu. It works in IE and validates ok but it is no go in firefox. Any ideas?? You can see it in action here... http://suruchitoo.com/menu.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>SuruchiToo - Menu</title> <link href="suruchi.css" rel="stylesheet" type="text/css" /> <?php $select = isset($_REQUEST['select']) ? $_REQUEST['select'] : ''; switch ($select) { case "starters": $selection = "starters.php"; break; case "mains": $selection = "mains.php"; ?><style type="text/css">#side, #main, #holder, {height: 1400px;} #menu_insert {height:950px;}</style><? break; case "veg": $selection = "veg.php"; ?><? break; case "rice": $selection = "rice.php"; ?><style type="text/css">#side, #main, #holder, {height: 1000px;} #menu_insert {height:950px;}</style><? break; case "drinks": $selection = "drinks.php"; ?><style type="text/css">#side, #main, #holder, {height: 1600px;} #menu_insert {height:950px;}</style><? break; default: $selection = "starters.php"; ?><style type="text/css">#side, #main, #holder, {height: 1400px;} #menu_insert {height:950px;}</style><? break; } ?>