Website Display Problem For Firefox Browser?

[BatteryExpert]

My question regards a problem with my personal website with div+css which only persists when viewed with the Firefox browser ( IE browser is okay,it is not compatible with firefox).I have spent three hours debugging the html code but could not find the problem.My web site is http://www.my-batteries.net (just for the first page).Let me know ifyou need more information or specific website files. I'll be happy to provide them. Thank you for your time!Cool,Thanks ! Please check my site first at IE. You will see the problem.Sorry for my bad English!HTML CODE is below, hope that helps.<DIV id=header><DIV id=header_top><DIV id=logo><a href="/index.htm"><img src="images/LOGO.gif" alt="My Batteries,Laptop Battery,Camcorder Battery,Pda Battery,Battery Charger Retailer % Wholesaler"vspace=5 border=0></a></DIV><DIV id=bar_b><A href="/index.htm">Home</A> | <A href="/about.htm">About US</A> | <A href="/payment.htm">Payment</A> | <A href="/shipping.htm">Shipping</A> | <A href="/return.htm">Return</A> | <A href="/policy.htm">Privacy Notice </A> | <A href="/faq.htm">FAQ</A> | <a href="mailto:info@my-batteries.net">Contact US</a></DIV><div id="h_tip">Here you enjoy shopping at wholesale prices on all top brand laptop battery,camcorder battery,pda battery,digital camera battery and more electronic accessories !</div></DIV></DIV><DIV class=MainMenu ><UL><LI class=current_page_item><a href="/laptop-battery.htm">Laptop Battery</A></LI><LI class=current_page_item>.......css is here.#header {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; height: 73px; WIDTH: 1003px; PADDING-TOP: 0px; HEIGHT: auto}#header_top {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 1003px; PADDING-TOP: 0px; HEIGHT: auto}#logo {FLOAT: left; MARGIN: 0px; WIDTH: 192px; PADDING-TOP: 0px; HEIGHT: 77px; TEXT-ALIGN: left}#bar_b {PADDING-RIGHT: 0px; PADDING-LEFT: 25px; FONT-SIZE: 11px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; OVERFLOW: hidden; WIDTH: auto; COLOR: #999999; LINE-HEIGHT: 18px; PADDING-TOP: 0px; HEIGHT: 20px;LIST-STYLE-TYPE: none;}#h_tip { padding:7px 5px; float: left; margin-top:5px; margin-left:8px; width:800px; LINE-HEIGHT: 14px; display:inline}.MainMenu {LEFT: 0px; margin:0px; float: left; clear:left; height:auto; width:1003px; }.MainMenu UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}.MainMenu LI {PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: "Trebuchet MS"}.MainMenu LI.current_page_item {BACKGROUND: #222d2d; COLOR: #ff9999}.MainMenu A {PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: #49c5ff; FLOAT: left; PADDING-BOTTOM: 6px; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 5px}.MainMenu A:visited {COLOR: #fff}.MainMenu A:hover {BACKGROUND: 52BB1E; COLOR: #ff9999; TEXT-DECORATION: none}

[NickH]

if you're designing web pages, I would hope you checked to see if any firefox plug-ins have corrected this problem.?.?I am running firefox (nothing but) and your site seems to be fine

[rockinronnie7618]

Displays fine for me in Firefox. Can you explain the specific problem?Change the width style for #h_tip { width:780px;}

[XFreddyX]

there's something wrong with your system. I checked out your website on mine using firefox and ie looks good and also run your website on browsershots and everything looks good. http://browsershots.org/http://my-batteries.net/hurry the screenshots expire in 30 minutes. By the way, Your browsershots.org, Great tool for web designers, to see if their work looks good on alot of different browsers. Also, I'm also a web designer, I'd like to have chat with you, please email me at fmr@nuklear2.com Thanks.

[joeb]

I See the problem. The links dont work the same in firefox as they do in ie. and the text at the top is off in firefox. It still looks good but I do see the difference.Try Clearing the Default Values Between Both Browsers at the begging of the css file. Use this:html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}:focus {outline: 0;}