سلام
من یه منو دارم که میخام سرچم درونه اون قرار بگیره . با کروم درست نمایش میده اما با فایرفاکس نه
لطفا راهنمایی کنید.
نمایش با فایرفاکس:
http://www.imgiran.com/images/nlo6e9i03t9jo4mncbi.jpg
نمایش با کروم (شکل صحیح):
http://www.imgiran.com/images/bsyln1mhm11x3zrzu17s.jpg
اینم کده Css:
/* SEARCH FORM */
.sideform {clear: both; overflow: hidden; text-align: center; padding-bottom: 20px;}
.sidetext {width: 80%; padding: 4px 3px; margin-right: 5px; font-size: 11px; color: #888; border: 1px solid #bbb;}
.sidebutton {padding: 2px 5px;}
.notfoundform {clear: both; overflow: hidden; text-align: center;}
.notfoundtext {width: 220px; padding: 4px 3px; margin-right: 5px; font-size: 11px; color: #888; border: 1px solid #bbb;}
.notfoundbutton {}
/* TOP MENU */
#top-menu {height: 40px; z-index: 100; clear: both; padding-top: 10px; background: url('images/navi_bg.gif') repeat-x top center;}
#top-menu li {font-family: tahoma, Arial; float: right; position: relative;}
#top-menu li.current_page_item a, #top-menu li.current-cat a {color: #fff; background: #123e47;}
#top-menu ul {display: none; position: absolute; z-index: 120; width: 200px; background: #215a65;}
#top-menu ul li {display: block; width: 100%;}
#top-menu li a {display: block; padding: 9px 10px; color: #fff;}
اینم کده php فایل header.php
اینو هم باید بگم که تا اینجا هم که اومده کدش رو دستکاری کردم
<!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" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="description" content="<?php bloginfo('name'); ?> - <?php bloginfo('description'); ?>" />
<title><?php wp_title(''); ?><?php if(wp_title(' ', false)) { echo ' – '; } ?> <?php bloginfo('name'); ?> – <?php bloginfo('description'); ?></title>
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory'); ?>/images/favicon.gif"/>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lobster" type="text/css" />
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.flow.js" charset="utf-8"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/script.js"></script>
<script src="<?php bloginfo('template_url'); ?>/SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="<?php bloginfo('template_url'); ?>/SpryAccordion.css" rel="stylesheet" type="text/css">
<?php require('wp-lightboxJS/wp-lightboxJS.php'); ?>
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
</head>
<body>
<a name="top"></a>
<div id="container">
<ul id="top-menu">
<li <?php if (is_home()){ echo "class=\"current_page_item\"";} ?>><a href="<?php echo get_option('home'); ?>">صفحه اول</a></li>
<?php wp_list_pages('title_li'); ?>
<li>
<form class="sideform" style="float:right; margin-right:550px; top:50px;" method="get" action="<?php bloginfo('url'); ?>">
<input type="text" name="s" size="5" title="جستجو" style="width:200px;" /><input type="submit" class="sidebutton" value="جستجو" />
</form>
</li>
</ul>
<div id="header">
</div><!-- END Header -->