hey everyone, i have been tweaking with this for ages now but i cant seem to find out why this div will not show in FireFox, had this sort of problem before but i managed to fix it
the div that wont in FF is the intro div
Code:<style type="text/css"> body { margin: 0; padding: 0; background: #fff; font-size:1.1em; font: Arial, "Cambria", Calibri, verdana, sans-serif, serif; /*text-align: center; */ color: #666; } ul#menu{ list-style-type:none; width:100%; position:relative; height:27px; font-family:"Trebuchet MS",Arial,sans-serif; font-size:13px; font-weight:bold; margin:0px 0px; padding:2px 0 0 0; background-color:#99CC00; overflow:auto; } ul#menu li{ display:block; float:left; height:27px; list-style-type:none; margin: 0 0 0px; padding: 0 0 0 15px; line-height: 18px; } ul#menu li.left{ margin:0; } ul#menu li a{ display:block; float:left; color:#fff; background:#99CC00; line-height:27px; text-decoration:none; padding:0 17px 0 18px; height:27px; } ul#menu li a.right{ padding-right:19px; } ul#menu li a:hover{background:#90c002;} ul#menu li a.current{color:#2E4560;background:#90c002;} ul#menu li a.current:hover{color:#2E4560;background:#90c002;}} #intro { width:100%; height:50px; background-color:#4F4F4F; margin:0; padding:0; } #header { margin: 35px 0 0 20px; border-bottom: 1px solid #e5e5e5; } #header h1{ font: normal normal bold 2.3em/normal Corbel, Verdana, "Trebuchet MS", sans-serif; text-transform: uppercase; margin: 0; padding: 0; border: 0 none; text-decoration: none; color: #666; } #header h2{ font: normal normal bold 0.8em/normal Corbel, Verdana, "Trebuchet MS", sans-serif; text-transform: uppercase; margin: 0; padding-bottom: 30px; border: 0 none; text-decoration: none; color: #666; text-indent:80px; } body#home #header { border-bottom: none; } #container { margin: 0 auto; width: 800px; font-size: 0.75em; text-align: left; } </style>HTML Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <div id="container"> <div id="header"> <h1><?php bloginfo('name'); ?></h1> <h2><?php bloginfo('description'); ?></h2> </div> <ul id="menu"> <li class="<?php if (((is_home()) && !(is_paged())) or (is_archive()) or (is_single()) or (is_paged()) or (is_search())) { ?>current_page_item<?php } else { ?>page_item<?php } ?>"><a href="<?php echo get_settings('home'); ?>">Home</a></li> <?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?> </ul> <div id="intro"></div> </div> </body> </html>
Reply With Quote
Bookmarks