Firefox cannot display my jps properly
Posted: Apr 27, 2007 12:54 AM
Advertisement
Hi, I'm new developer on jsp. I have a jsp which is display properly in IE 6.0, but has problem in firefox. There are two problems. Firstly the jpg image in div tag doesn't show in firefox , but it displays correctly in IE 6.0. The code of div tag is : <div class="breadcrumbs-block"> <div class="product-image"><img src="EN_GB/img/titleblock_financial.jpg" alt="Sony Financial Services" width="260" height="78" border="0"></div> <div class="breadcrumbs"><a href="/SonyStyle/b2c/deeplink.do?s=external&ss=home&countryId=GB&la ngId=EN" target="_top"><u>Home</u></a> / Financial Services</div> <div class="title">Sony Financial Services</div> </div> Second css doesn't show properly in firefox.But there is no problem in IE 6.0 . The code of css is : .todo{ background-color: #f00; border: #f00 solid 1px; } #head{ width: 955px; } #topleft{ float: left; } #topright{ width: 780px; float: right; margin-right: -8px; margin-bottom: 5px; } #logo-ss{ margin-top: 14px; margin-left: 2px; width: 130px; margin-bottom: 6px; margin-right: 10px; float: left; } #mynav{ width: 955px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; clear: both; color: #d1d1d1; margin-bottom: 2px; } #mynav #myid{ font-weight: bold; color: #5b5b5b; } #mynav-b2b{ color: #858585; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } #mynav-b2b a:link, #mynav-b2b a:active, #mynav-b2b a:visited{ color: #858585; } #mynav-b2b a:hover{ color: #67A227; } #mynav-myid{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: right; padding-right: 3px; } #logo-bd{ margin-top: 17px; font-size: 10px; margin-bottom: 6px; } #logo-bd img{ margin-left: -1px; } #country{ float: right; background-image: url('../img/bg_flag.gif'); background-repeat: no-repeat; margin-top: 8px; padding-bottom: 6px; } #country img{ margin-top: 2px; } #country a{ padding-right: 20px; padding-left: 8px; } #quickcontact{ margin-top: 6px; margin-right: 6px; font-size: 10px; float: left; color: #878787; text-align: left; } #call{ font-size: 12px; } #call2{ font-size: 11px; } #call3{ font-size: 11px; } #dates{ margin-top: -2px; margin-left: 1px; } body, p, td{ font-family: Arial, Verdana, Helvetica, sans-serif; color: #5B5B5B; font-size: 11px; } p{ padding: 0px; margin: 0px; margin-bottom: 6px; } body{ padding: 0px; margin: 0px; margin-left: 5px; background-color: #ffffff; } form{ padding: 0px; margin: 0px; } h1{ padding: 0px; margin-top: 6px; margin-left: 2px; margin-bottom: 4px; font-size: 16px; font-weight: normal; } h2{ padding: 0px; margin-left: 2px; margin-bottom: 6px; font-size: 13px; font-weight: bold; } ul{ margin: 0px; padding: 0px; } ul li{ margin-left: 15px; padding: 0px; list-style-image: url(../img/bullet_li.gif); } ol li{ margin-left: -15px; } table{ padding: 0px; margin: 0px; } table tr, table td, table th{ padding: 0px; margin: 0px; vertical-align: top; } div#popup, div.leftframe{ width: 100%; padding-top: 4px; margin-right: 6px; } div.leftframe{ width: 162px; } div#page, td#page{ width: 585px; } div#iframecontent{ width: 440px; } div#page #content, td#page #content{ width: 565px; } div#page-wide{ width: 955px; } div#page-semiwide{ width: 780px; } body#page-body, body#page-body table{ width: 955px; } body#page-right, td#page-right{ width: 200px; margin: 0px; padding: 0px; } body#page-left, td#page-left{ margin: 0px; margin-left: 7px; padding: 0px; width: 150px; } body#page-left .banner, td#page-left .banner{ margin: 0px; margin-top: 2px; margin-bottom: 2px; padding: 0px; width: 141px; background-image: none; } body#page-right .banner, td#page-right .banner{ margin: 0px; margin-top: 2px; margin-bottom: 2px; padding: 0px; width: 200px; } body#page-head{ margin: 0px; padding: 0px; padding-left: 8px; } #basket-box, #basket-box-closed{ xbackground-color: #f2f6fa; width: 200px; margin: 0px; margin-bottom: 5px; clear: both; } #basket-box .basket-box-top{ width: 200px; background-image: url("../img/bg_basket_tp.gif"); background-repeat: no-repeat; font-size: 11px; font-weight: bold; color:#FFFFFF; text-decoration:none; cursor: pointer; } #basket-box .basket-box-top div{ margin-left: 28px; padding-top: 10px; padding-bottom: 3px; width: 155px; text-align: left; } #basket-box-closed .basket-box-top{ width: 200px; background-image: url("../img/bg_basket_tp_closed.gif"); background-repeat: no-repeat; font-size: 11px; font-weight: bold; color:#FFFFFF; text-decoration:none; cursor: pointer; } #basket-box-closed .basket-box-top div{ margin-left: 28px; padding-top: 10px; padding-bottom: 3px; width: 155px; text-align: left; } #basket-box td{ background-color: #FFFFFF; border-bottom: 1px solid #e0e0e0; padding: 6px; } #basket-box td img{ margin-top: 2px; } #basket-box .intro{ background-color: #f2f6fa; padding: 6px; border-bottom: 1px solid #e0e0e0; color: #327ec8; } #basket-box .overview{ padding-top: 6px; padding-bottom: 6px; background-color: #f2f6fa; } #basket-box .btn-checkout{ float: right; padding-top: 4px; padding-bottom: 2px; background-color: #FFFFFF; clear: both; } #basket-box .basket-price-desc{ color: #327ec8; } #basket-box .basket-price{ text-align: right; } #basket-box table.noborder td{ border: 0px solid #e0e0e0; background-color: #f2f6fa; padding-bottom: 0px; padding-top: 0px; } a, #page a{ text-decoration: none; color: #67A227; } a, a:link, a:visited, a:active, #page a, #page a:link, #page a:visited, #page a:active{ text-decoration: none; xcolor: #67A227; } a:hover, #page a:hover{ text-decoration: underline; xcolor: #67A227; } .linkbutton-cart{ xwidth: 120%; xpadding-right: 6px; } .linkbutton:link, .linkbutton:visited, .linkbutton:active, .linkbutton-cart:link, .linkbutton-cart:visited, .linkbutton-cart:active{ text-decoration: none; } .linkbutton:hover, .linkbutton-cart:hover{ text-decoration: underline; color: #ffffff; } .linkbutton-top{ float: left; width: 119px; padding-left: 9px; padding-right: 5px; background-image: url("../img/bt_bg.gif"); background-repeat: no-repeat; font-size: 11px; font-weight: bold; color:#FFFFFF; height:20px; line-height:18px; padding-top: 1px; text-decoration:none; cursor: pointer; clear: both; } .linkbutton-cart-top{ width: 139px; xpadding-left: 28px; xpadding-right: 5px; background-image: url("../img/bt_cart_bg.gif"); background-repeat: no-repeat; font-size: 11px; font-weight: bold; color:#FFFFFF; xheight:18px; xline-height:18px; xpadding-top: 1px; text-decoration:none; cursor: pointer; } .linkbutton-cart-top div{ margin-left: 28px; padding-top: 3px; padding-bottom: 2px; width: 100px; text-align: left; } .linkbutton-bottom{ xfloat: left; } a.link-green, a.link-green:link, a.link-green:active, a.link-green:visited{ color: #67A227; text-decoration: none; } a.link-green:hover{ color: #67A227; text-decoration: underline; } input.button, input.button-blue{ background-color: transparent; background-image: url(../img/bt_bg_ml.gif); background-repeat: no-repeat; font-size: 11px; font-weight: bold; color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; border: #ffffff solid 0px; margin: 0px; height: 24px; line-height: 20px; xpadding-top: 4px; padding-left: 7px; padding-right: 5px; padding-bottom: 2px; margin-left: 5px; cursor: pointer; float: left; } input.button-blue{ background-image: url(../img/bt_bg_ml_blue.gif); } .button, .button-blue{ margin: 0px; padding: 0px; border: 0px solid #FFFFFF; } .button .m, .button-blue .m, table.box-table .button .m, table.box-table .button-blue .m{ background-image: url(../img/bt_bg_mr.gif); background-repeat: repeat-y; background-position: top right; margin: 0px; padding: 0px; padding-right: 4px; height: 24px; float: left; } .button-blue .m, table.box-table .button-blue .m{ background-image: url(../img/bt_bg_mr_blue.gif); } div.button, div.button-blue{ float: left; position: relative; } #mainnav{ width: 955px; clear: both; } #mainnav .left{ float: left; width: 805px; background-image: url('../img/nav_bg.gif'); background-repeat: repeat-x; } #mainnav .left span{ float: left; } #mainnav .right{ text-align: right; width: 150px; background-image: url('../img/nav_bg.gif'); background-repeat: repeat-x; } #mainnav .right span{ float: right; } #mainnav div{ height: 37px; } #mainnav a:link, #mainnav a:visited, #mainnav a:active{ position: relative; top: 10px; padding-left: 10px; padding-top: 9px; padding-bottom: 7px; padding-right: 10px; color: #ffffff; } #mainnav a img{ vertical-align: middle; } #mainnav a:hover{ position: relative; text-decoration: none; color: #ffffff; background-color: #777777; background-image: url('../img/nav_bg_hover.gif'); background-repeat: repeat-x; } #mainnav a.reghover:hover{ background-image: url('../img/nav_bg_reghover.gif'); } #mainnav span.searchbox{ background-image: url('../img/nav_bg_dark.gif'); padding-left: 4px; padding-top: 7px; height: 30px; } #mainnav span.searchtext{ background-image: url('../img/nav_bg_dark.gif'); padding-left: 10px; line-height: 33px; color: #888888; } #mainnav span.searchbox input{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; width: 100px; height: 18px; padding-left: 3px; border: #505070 solid 1px; } #mainnav span.searchbutton{ background-image: url('../img/nav_bg_dark.gif'); float: right; } #mainnav .register a{ background-image: url('../img/nav_bg_register.gif'); font-weight: bold; } #gotohome a:link, #gotohome a:visited, #gotohome a:active{ background-image: url('../img/nav_home.gif'); width: 28px; top: 1px; padding: 0px; padding-bottom: 22px; } #gotohome span{ position: relative; left: -999px; } #gotohome a:hover{ background-image: url('../img/nav_home_hover.gif'); } #promonav{ margin-top: 4px; width: 139px; margin-bottom: 5px; } #promonav a{ text-decoration: none; color: #656565; } #promonav a:link, a:visited, a:active{ text-decoration: none; color: #656565; } #promonav a:hover{ text-decoration: underline; color: #67A227; } #promonav div{ padding: 2px; padding-left: 12px; margin-right: 8px; border-bottom: 1px dashed #ebebeb; background-image: url('../img/bullet_plus.gif'); background-repeat: no-repeat; } #productnav{ margin-top: 4px; border-right: #ebebeb solid 1px; width: 138px; margin-bottom: 5px; } #productnav div a:link, a:visited, a:active{ text-decoration: none; color: #656565; } #productnav div a:hover{ text-decoration: underline; color: #67A227; } #productnav div{ padding: 2px; padding-left: 12px; margin-right: 8px; border-bottom: 1px dashed #ebebeb; background-image: url('../img/bullet_plus.gif'); background-repeat: no-repeat; } table.box-table tr.cat td div, table.box-table tr.cat td div.bullet, table.box-table tr.cat td div.bullet-active{ padding: 2px; margin-right: 8px; } table.box-table tr.cat td div.bullet-active{ background-image: url('../img/bullet_minus.gif'); padding: 2px; background-repeat: no-repeat; padding-left: 12px; margin-right: 8px; } table.box-table tr.cat td div.bullet{ background-image: url('../img/bullet_plus.gif'); background-repeat: no-repeat; padding-left: 12px; } #productnav div.sep{ background-image: none; background-color: #F9F9F9; } #productnav div a{ color: #656565; } #productnav .active{ padding: 2px; padding-left: 12px; border-bottom: #ebebeb dashed 0px; background-image: url('../img/bullet_minus.gif'); background-repeat: no-repeat; } #productnav .subnav div{ padding: 1px; xpadding-left: 6px; font-size: 10px; border-bottom: #ebebeb dashed 0px; padding-left: 12px; margin-right: 8px; background-image: url('../img/bullet_plus_subnav.gif'); background-repeat: no-repeat; } #productnav .subnav div a{ color: #959595; } #productnav .subnav{ background-image: none; } #productnav .subnav a:link, a:visited, a:active, #productnav div .subnav a:link, a:visited, a:active{ text-decoration: none; color: #959595; } #productnav .subnav a:hover, #productnav div .subnav a:hover{ text-decoration: underline; color: #67A227; } .roundbox{ width: 32%; margin-bottom: 3px; padding-right: 3px; margin-right: 4px; float: left; } #page .roundbox, #page-wide .roundbox, #page-semiwide .roundbox{ width: 100%; margin-bottom: 3px; padding-right: 3px; margin-right: 6px; float: left; xmin-height: 250px; xheight: 250px; } #page div.box-row .roundbox, #page.page-home .roundbox{ margin-bottom: 3px; padding-right: 3px; margin-right: 6px; float: left; } #page div.box-row .roundbox td, #page.page-home .roundbox td, #page div.box-row .roundbox th, #page.page-home .roundbox th{ width: 32%; padding-left: 6px; padding-right: 6px; background-image: url(../img/box_sep.gif); background-repeat: no-repeat; background-position: top right; } .roundbox td.box-sep{ width: 1px; background-image: url(../img/box_sep.gif); background-repeat: no-repeat; background-position: top; } .roundbox td p{ clear: both; padding-top: 6px; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; } .roundbox .mid{ width: 100%; } .roundbox .tl{ background-image: url('../img/roundbox_t.gif'); width: 10px; height: 10px; } .roundbox .t{ background-image: url('../img/roundbox_t.gif'); } .roundbox .tr{ width: 10px; height: 10px; } .roundbox .r{ background-image: url('../img/roundbox_r.gif'); } .roundbox .br{ width: 10px; height: 10px; } .roundbox .b{ background-image: url('../img/roundbox_b.gif'); } .roundbox .bl{ background-image: url('../img/roundbox_b.gif'); width: 10px; height: 10px; } .roundbox .l{ background-image: url('../img/roundbox_l.gif'); } table.box{ width: 100%; margin-bottom: 4px; margin-top: 4px; } table.box-wide{ width: 955px; margin-bottom: 4px; } table.box-semiwide{ width: 780px; margin-bottom: 4px; } table.box-table{ width: 100%; border-right: #e1e1e1 solid 1px; border-left: #e1e1e1 solid 0px; } table.box-table tr.head td{ font-size: 12px; border-left: #e1e1e1 solid 1px; border-bottom: #e1e1e1 solid 1px; padding: 3px; padding-left: 4px; padding-right: 3px; text-align: left; } table.box-table tr.cat td{ font-size: 10px; border-left: #e1e1e1 solid 1px; border-bottom: #e1e1e1 solid 1px; padding: 3px; padding-left: 4px; padding-right: 3px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; } table.box-table tr.nav td{ font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 11px; border-left: #e1e1e1 solid 1px; border-bottom: #e1e1e1 solid 1px; padding: 3px; padding-left: 8px; padding-top: 0px; text-align: left; } table.box-table td{ border-left: #e1e1e1 solid 1px; border-bottom: #e1e1e1 solid 1px; padding: 3px; padding-left: 2px; padding-right: 2px; } table.box-table tr.clean td{ background-color: #ffffff; border: #e1e1e1 solid 0px; border-left: #e1e1e1 solid 1px; } table.box-table tr.spacers td{ background-color: #ffffff; border: #e1e1e1 solid 0px; padding: 0px; } table.box-table tr.cols td{ background-color: #ffffff; border: #e1e1e1 solid 0px; border-left: #e1e1e1 solid 1px; } table.box-table tr.color{ xbackground-color: #f3f3f3; background-color: #FFFFFF; } .color .title, .color-alt .title{ background-color: #ffffff; } table.box-table tr.color td, table.box-table tr.color-alt td, table.box-table tr.white td{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding-left: 8px; } table.box-table tr.color-alt{ background-color: #f9f9f9; xbackground-color: #fcfcfc; } table.box table, table.box-wide table{ margin-right: 4px; } table.box table.box-table, table.box-wide table.box-table{ margin-right: 0px; } table.box-table input, select{ background-color: #ffffff; border: #c1c1c1 solid 1px; } table.box-table input.button, table.box-table input.button-blue{ background-color: transparent; } table.box-table .button, table.box-table .button-blue{ border: #c1c1c1 solid 0px; } table.box-table input.checkbox{ background-color: #ffffff; border: #c1c1c1 solid 1px; border-top: #dddddd solid 1px; border-left: #dddddd solid 1px; } div#footer, div#footer-wide{ margin-top: 10px; padding-top: 16px; padding-bottom: 12px; margin-bottom: 10px; color: #858585; font-size: 10px; text-align: right; clear: both; } div#footer{ width: 955px; background-image: url(../img/footer_sep.gif); background-repeat: no-repeat; background-position: top left; text-align: right; } div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active{ text-decoration: none; color: #666666; } div#footer a:hover{ text-decoration: underline; color: #67A227; } div#footer div.left{ float: left; margin-left: 4px; } div#footer div.icons{ clear: both; } div#footer div.icons img{ margin-top: 10px; margin-left: 2px; margin-right: 4px; } div#footer div.right{ margin-right: 4px; color: #C7C7C7; } div#footer-wide{ width: 955px; } /* START: styles for frames ---------------------------------------- */ div#footer-short{ margin-top: 10px; padding-top: 16px; padding-bottom: 12px; margin-bottom: 10px; color: #858585; font-size: 10px; text-align: right; clear: both; width: 565px; background-image: url(../img/footer_sep_short.gif); background-repeat: no-repeat; background-position: top left; text-align: right; } div#footer-short a, div#footer-short a:link, div#footer-short a:visited, div#footer-short a:active{ text-decoration: none; color: #666666; } div#footer-short a:hover{ text-decoration: underline; color: #67A227; } div#footer-short div.left{ float: left; margin-left: 4px; } div#footer-short div.icons{ clear: both; } div#footer-short div.icons img{ margin-top: 10px; margin-left: 2px; margin-right: 4px; } div#footer-short div.right{ margin-right: 4px; color: #C7C7C7; } div#footer-semishort{ margin-top: 10px; padding-top: 16px; padding-bottom: 12px; margin-bottom: 10px; color: #858585; font-size: 10px; text-align: right; clear: both; width: 785px; background-image: url(../img/footer_sep_short.gif); background-repeat: no-repeat; background-position: top left; text-align: right; } div#footer-semishort a, div#footer-semishort a:link, div#footer-semishort a:visited, div#footer-semishort a:active{ text-decoration: none; color: #666666; } div#footer-semishort a:hover{ text-decoration: underline; color: #67A227; } div#footer-semishort div.left{ float: left; margin-left: 4px; } div#footer-semishort div.icons{ clear: both; } div#footer-semishort div.icons img{ margin-top: 10px; margin-left: 2px; margin-right: 4px; } div#footer-semishort div.right{ margin-right: 4px; color: #C7C7C7; } /* END: styles for frames ---------------------------------------- */ div.privacy-statement{ color: #656565; } div.privacy-statement a:link{ color: #67A227; } .ms-tagline{ float: right; font-weight: bold; background-image: url('../img/ms_icon.gif'); background-repeat: no-repeat; padding-left: 22px; clear: both; margin-top: 10px; margin-bottom: 5px; } span.textsep{ padding-left: 5px; padding-right: 5px; color: #999999; font-weight: normal; } .roundbox .leftcol{ } .roundbox .leftcol img{ margin-bottom: 10px; } .roundbox .rightcol{ padding-left: 14px; } .product-shot{ width: auto; text-align: center; margin-top: 10px; margin-bottom: 6px; } .product-title{ font-weight: bold; padding-bottom: 2px; padding-top: 4px; } .product-id{ font-size: 10px; color: #858585; padding-bottom: 2px; } .product-description, product-description-fixed{ font-size: 11px; padding-bottom: 8px; line-height: 15px; } .product-description-fixed{ height: 100px; } .product-price{ font-size: 14px; font-weight: bold; padding-bottom: 6px; } .product-prices{ width: 150px; -width: 100px; } .product-vat{ font-size: 10px; color: #858585; } .product-extraline{ margin-top: 4px; margin-bottom: 8px; } .product-logo{ margin-top: 6px; margin-right: 6px; float: left; } div.rightcol-ads div{ margin-bottom: 4px; } .logo-sony{ float: right; margin-top: 10px; margin-right: 15px; } .titleblock{ border-bottom: 1px dashed #cacaca; margin-bottom: 6px; padding-bottom: 6px; clear: both; } .title-right{ float: right; margin-right: 4px; margin-top: 2px; } .title-right div.button, .title-right div.button-blue{ width: 50px; margin-bottom: 2px; } .title-showmore{ float: right; padding-top: 10px; } form{ margin: 0px; padding: 0px; } input, select, textarea{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5B5B5B; } .createorder-form th, .address-form th, .leftframe-form th{ padding: 2px; padding-right: 10px; font-weight: normal; font-size: 11px; text-align: left; } .createorder-form th{ width: 100px; } .createorder-form td, .address-form td, .leftframe-form td{ padding: 2px; } .createorder-form input, .createorder-form select{ width: 300px; background-color: #f9f9f9; border: #c1c1c1 solid 1px; } .address-form input, .address-form select, .leftframe-form input, .leftframe-form select{ background-color: #f9f9f9; border: #c1c1c1 solid 1px; } .leftframe-form input, .leftframe-form select{ width: 138px; font-size: 9px; } .leftframe-form .input-indent{ padding-left: 18px; } .leftframe-form .input-indent select, .leftframe-form .input-indent input{ width: 120px; } input.checkbox{ background-color: #ffffff; border: #c1c1c1 solid 1px; border-top: #dddddd solid 1px; border-left: #dddddd solid 1px; } img.createorder-magnify{ width: 20px; } td.createorder-magnify{ border-left: #e1e1e1 solid 0px; } img.createorder-product{ width: 75px; } td.createorder-product{ padding-top: 2px; } td.createorder-invoicing{ width: 25%; } img.createorder-qty{ width: 34px; } td.createorder-qty{ padding-top: 2px; } img.createorder-details{ width: 60px; } td.createorder-avail{ xwidth: 150px; } img.createorder-calculation{ width: 120px; } td.createorder-calculation{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: right; } img.createorder-totalprice{ width: 100px; } td.createorder-totalprice{ font-family: Verdana, Arial, Helvetica, sans-serif; border-left: #c1c1c1 solid 1px; text-align: right; font-size: 10px; } img.createorder-clear{ width: 20px; } div.createorder-orderbuttons{ margin-right: 2px; margin-bottom: 10px; clear: both; height: 25px; } select#createorder-newitems{ margin-right: 3px; margin-top: 1px; } .createorder-form img{ vertical-align: top; } .create-order-itemdetails{ float: right; font-weight: normal; padding-right: 4px; } .float-right{ float: right; } .basket-small img{ vertical-align: middle; } .basket-small { padding-left: 24px; text-indent: -24px; line-height: 5px; } .box-row{ clear: both; } .breadcrumbs{ position: absolute; font-size: 10px; color: #FFFFFF; padding-left: 6px; padding-top: 8px; height: 20px; } #page .breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:active{ color: #FFFFFF; text-decoration: underline; } .breadcrumbs-block{ position: relative; clear: both; background-image: url(../img/bg_breadcrumbs.gif); background-repeat: no-repeat; height: 81px; } .breadcrumbs-block .title{ position: absolute; top: 20px; color: #FFFFFF; font-size: 20px; padding-left: 6px; padding-top: 6px; width: 300px; } .breadcrumbs-block .subtitle{ font-size: 15px; padding-left: 4px; } .breadcrumbs-block .product-image{ position: absolute; top: 0px; left: 300px; /* width: 143px; */ height: 78px; overflow: hidden; } .refine td{ padding-bottom: 4px; padding-right: 6px; padding-left: 10px; } .smalltext{ font-size: 10px; } .extrasmalltext{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; } .clearboth{ clear: both; } .pagenav{ float: right; } .lighttext{ color: #858585; } .strikethrough{ text-decoration: line-through; } .white-bg{ background-color: #ffffff; } .create-order-dropdown{ float: right; margin-top: 5px; margin-bottom: -4px; } .login-smallbox{ height: 104px; } .login-smallbox .label{ float: left; width: 70px; padding-top: 2px; } .logo_lno{ float: right; margin-left: 6px; } table.invisible td{ border: #ffffff solid 0px; } .splashimage{ padding-top: 2px; } input.radiobutton{ background-color: #ffffff; border: #ffffff solid 0px; width: 15px; height: 15px; } input.disabled{ color: #dddddd; } .business-icon{ float: left; margin-right: 6px; } .business-desc{ padding-left: 6px; } .business-titletext{ width: 200px; } .floatleft{ float: left; } .icon-title{ float: left; margin-top: 6px; margin-right: 4px; } .navBasket { background-image: url("../img/nav_basket.gif"); background-position: right; background-repeat: no-repeat; padding-right: -20px; } .redtext{ color: #ff0000; } table.classic{ padding: 0px; margin: 0px; border-collapse: collapse; } table.classic td{ padding: 5px; border: 1px solid #cccccc; } select.list{ font-size: 11px; } .orange{ color: #fa6c30; } img.valign{ vertical-align: middle; } iframe{ margin-top: 10px; } .smallbutton{ background-color: #67A227; color: #ffffff; border: 0px #ffffff solid; padding-top: 1px; padding-bottom: 2px; margin-top: 2px; width: 180px; } Could anyone help me please Thank you