Why oh why does Internet Explorer make things SOOOO daggone difficult! :curse: Everything works great in Firefox, but of course Internet Explorer does it's own thing.. I'm nearly done working out all the Internet Explorer related issues for this site.. This is the last one, and it's nagging the heck out of me.
Here's my dev site: http://clients.overthehillweb.com/phlaunthair/phflauntshop/
If you look at this page in Internet Explorer, you'll see that the link "Lace Wigs" is SLIGHTLY truncated. (i.e. the "G" in Lace Wigs is cut off at the bottom, and the hover styling is hidden) It's odd since none of my other links have this issue.. I've tried a number of things and at this point I am GUESSING at an answer.. I'm sure there is a simple fix that I am overlooking.. Any CSS gurus out there got any ideas that might help?? PLEASE..
My stylesheet:
/** * Main CSS Stylesheet * * @package templateSystem * @copyright Copyright 2003-2005 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0 * @version $Id: stylesheet.css 3688 2006-06-02 00:12:18Z drbyte $ */ /* things for the template */ #mainCartContainer{ width:inherit; } .bodyTable { border:thin solid #03134e; background: #1d1b16; float:left; width:inherit; } body { margin: 0; font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #868585; background: #1d1b16; line-height: 115%; } .letters_color { color: #bc7d7d; } .letters_space { letter-spacing: 0.1em; font-style: italic; } .productTitle_space { letter-spacing: 0.1em; font-style: italic; font-weight: bold; font-size: 1.2em; } a img { border: none; } a:hover img { /* text-decoration: none; */ border-bottom: none; } #productListHeading { display:none; } .listingDescription { display:none; } a:link, #navEZPagesTop a:link, #categoriesContent a:link, .sideBoxContent a:link, #navMain a:link, #informationContent a:link, #siteinfoLegal a:link { color: #bc7d7d; text-decoration: none; } a:link, #navSuppWrapper a:link { color: #bc7d7d; text-decoration: none; } a:link, #navEZPagesTOC ul li a:link { color: #bc7d7d; text-decoration: none; } a:link, h2 a:link { color: #bc7d7d; text-decoration: none; } a:visited, #navEZPagesTop a:visited, #categoriesContent a:visited, .sideBoxContent a:visited, #navMain a:visited, #informationContent a:visited, #siteinfoLegal a:visited { color: #bc7d7d; text-decoration: none; } a:visited, #navSuppWrapper a:visited { color: #bc7d7d; text-decoration: none; } a:visited, #navEZPagesTOC ul li a:visited { color: #bc7d7d; text-decoration: none; } a:visited, h2 a:visited { color: #bc7d7d; text-decoration: none; } a:hover, #navEZPagesTop a:hover, #categoriesContent a:hover, #navMain a:hover, #navMain ul li a:hover, #navCatTabs ul li a:hover, .sideBoxContent a:hover, #informationContent a:hover, #siteinfoLegal a:hover { color: #bc7d7d; text-decoration: underline; } a:hover, #navSupp ul li a:hover{ color: #bc7d7d; text-decoration: underline; } a:hover, #navEZPagesTOC ul li a:hover { color: #bc7d7d; text-decoration: underline; } a:hover, h2 a:hover { color: #bc7d7d; text-decoration: underline; } a:active { color: #bc7d7d; } h1 { font-size: 1.5em; } h2 { font-size: 1.4em; } h3 { font-size: 1.3em; } h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{ font-size: 1.1em; } .biggerText { font-size: 1.2em; } h1, h2, h3, h4, h5, h6 { margin: 0.3em; } CODE { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; } FORM, SELECT, INPUT { display: inline; font-size: 1em; margin: 0.1em; } TEXTAREA { float: left; margin: auto; display: block; width: 95%; } input:focus, select:focus, textarea:focus { background: #F0F8FF; } FIELDSET { padding: 0.5em; margin: 0.5em 0em; border: 1px solid #868585; } LEGEND { font-weight: bold; padding: 0.3em; color: #868585; } LABEL, h4.optionName { line-height: 1.5em; padding: 0.2em; } LABEL.checkboxLabel, LABEL.radioButtonLabel { margin: 0.5em 0.3em; } #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg { float: left; } LABEL.inputLabel { width: 9.5em; float: left; } LABEL.inputLabelPayment { width: 15em; float: left; } LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel { width: 12em; float: left; } P, ADDRESS { padding: 0.5em; } ADDRESS { font-style: normal; } .clearBoth { clear: both; } HR { height: 1px; margin-top: 0.5em; border: none; border-bottom: 1px solid #9a9a9a; } /*warnings, errors, messages*/ .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution { line-height: 1.8em; padding: 0.2em; border: 1px solid #000000; } .messageStackWarning, .messageStackError { background-color: #ff0000; color: #000000; } .messageStackSuccess { background-color: #99FF99; color: #000000; } .messageStackCaution { background-color: #FF9900; color: #000000; } /*wrappers - page or section containers*/ #mainWrapper { position: relative; /* top: 0px; */ width: 815px; background: url(../../../../images/content_images/content_bg.jpg); /* background-repeat: repeat-y; */ margin-left: auto; margin-right: auto; } /* #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage { position: relative; top: 0; margin: 0em; padding: 0em; } */ #logoWrapper { display:none; } #productName { display:none; } #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper { margin: auto; } #tagline { display:none; /* color:#000000; font-size: 2em; text-align : center; vertical-align: middle; */ } #sendSpendWrapper { border: 1px solid #cacaca; float: right; margin: 0em 0em 1em 1em; } .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper { margin: 0; width: 47%; } .wrapperAttribsOptions { margin: 0.3em 0em; } /*navigation*/ .navSplitPagesResult {} .navSplitPagesLinks {} .navNextPrevCounter { margin: 0em; font-size: 0.9em; } .navNextPrevList { display: inline; white-space: nowrap; margin: 0; padding: 0.5em 0em; list-style-type: none; } /* #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper { margin: 0em; background-color: #03134e; font-weight: bold; color: #ffffff; height: 1%; width: inherit; } */ #navMain ul, #navSupp ul, #navCatTabs ul { margin: 0; padding: 0.5em 0em; list-style-type: none; text-align: center; line-height: 1.5em; } #navMain ul li, #navSupp ul li, #navCatTabs ul li { display: inline; white-space: nowrap; } #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a { text-decoration: none; padding: 0em 0.5em; margin: 0; color: #ffffff; } #navEZPagesTOCWrapper { font-weight: bold; float: right; height: 1%; border: 1px solid #000000; } #navEZPagesTOC ul { margin: 0; padding: 0.5em 0em; list-style-type: none; line-height: 1.5em; } #navEZPagesTOC ul li { white-space: nowrap; } #navEZPagesTOC ul li a { padding: 0em 0.5em; margin: 0; } #navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription { margin: 0.5em; } #navBreadCrumb { background-color: #ffffff; } #navEZPagesTop { background-color: #ffff33; } #navBreadCrumb, #navEZPagesTop { font-size: 0.95em; font-weight: bold; margin: 0em; padding: 0.5em; } #navColumnOne { background-color: #cfcfcf; } #navColumnTwo { background-color: #00BFBF; } /*The main content classes*/ #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert { vertical-align: top; } /*.content,*/ #productDescription, .shippingEstimatorWrapper { /*font-size: 1.2em;*/ padding: 0.5em; } .alert { color: #FF0000; margin-left: 0.5em; } .advisory {} .important { font-weight: bold; } .notice {} .rating{} .gvBal { float: right; } .centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix { padding: 0.8em; } .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP { font-size: 0.9em; } /*Shopping Cart Display*/ #cartAdd { margin: auto 1em auto auto; text-align: center; border: 1px solid #000000; padding: 1em; } .tableHeading TH { border-bottom: 1px solid #cccccc; } .tableHeading, #cartSubTotal { background-color: #e9e9e9; } #cartSubTotal { border-top: 1px solid #cccccc; font-weight: bold; text-align: right; line-height: 2.2em; padding-right: 2.5em; } .tableRow, .tableHeading, #cartSubTotal { height: 2.2em; } .cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay { padding: 0.5em 0em; } .cartUnitDisplay, .cartTotalDisplay { text-align: right; padding-right: 0.2em; } #scUpdateQuantity { width: 2em; } .cartQuantity { width: 4.7em; } .cartNewItem { color: #03134E; position: relative; /*do not remove-fixes stupid IEbug*/ } .cartOldItem { color: #03134E; position: relative; /*do not remove-fixes stupid IEbug*/ } .cartBoxTotal { text-align: right; font-weight: bold; } .cartRemoveItemDisplay { width: 3.5em; } #cartAttribsList { margin-left: 1em; } #mediaManager { width: 50%; margin: 0.2em; padding: 0.5em; } .normalprice, .productSpecialPriceSale { text-decoration: line-through; } .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount { color: #ff0000; } #cartBoxListWrapper ul, #ezPageBoxList ul { list-style-type: none; } #cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal { margin: 0; padding: 0.2em 0em; } .totalBox { width: 5.5em; text-align: right; padding: 0.2em; } .lineTitle, .amount { text-align: right; padding: 0.2em; } .amount { width: 5.5em; } /*Image Display*/ #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage { margin: 0em 1em 1em 0em ; } .categoryIcon {} #cartImage { margin: 0.5em 1em; } /*Attributes*/ .attribImg { width: 20%; margin: 0.3em 0em; } .attributesComments {} /*list box contents*/ .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew { margin: 10em 0em 10em 0em; } /*sideboxes*/ .columnLeft {} h3.leftBoxHeading, h3.leftBoxHeading a { font-size: 1em; color: #ffffff; } .leftBoxHeading, .centerBoxHeading { margin: 0em; background-color: #1d1b16; padding: 0.5em 0.2em; } .leftBoxContainer { border: 1px solid #ffffff; margin-top: 1.5em; } .sideBoxContent { background-color: #ffffff; padding: 0.4em; } h3.rightBoxHeading, h3.rightBoxHeading a { font-size: 1.1em; color: #FFFF00; } .rightBoxHeading { margin: 0em; background-color: #663366; padding: 0.2em 0em; } h3.leftBoxHeading a:hover { color: #ffffff; text-decoration: none; } h3.rightBoxHeading a:hover { color: #FF0000; text-decoration: none; } .rightBoxContent { background-color: #ffffff; margin-bottom: 1em; } .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg { text-align: center; /* vertical-align:top; */ } #siteinfoLegal { display: none } #bestsellers .wrapper { margin: 0em 0em 0em 1.5em; } #bestsellers ol { padding: 0; margin-left: 1.1em; } #bestsellers li { padding: 0; margin: 0.3em 0em 0.3em 0em; } #bannerboxHeading { background-color: #0000CC; } #upProductsHeading { text-align: left; } #upDateHeading { text-align: right; } /*misc*/ .back { float: left; } .forward { float: right; } .bold { font-weight: bold; } .rowOdd { background-color: #E8E8E8; height: 1.5em; vertical-align: top; } .rowEven { background-color: #F0F0F0; height: 1.5em; vertical-align: top; } CAPTION { /*display: none;*/ } #myAccountGen li, #myAccountNotify li { margin: 0; } .accountTotalDisplay, .accountTaxDisplay { width: 20%; text-align: right; /*vertical-align: top*/ } .accountQuantityDisplay { width: 10%; vertical-align: top } TR.tableHeading { background-color: #cacaca; height: 2em; } #siteMapList { width: 90%; float: right; } .ratingRow { margin: 1em 0em 1.5em 0em; } LABEL#textAreaReviews { font-weight: normal; margin: 1em 0em; } #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart { background-color: #ffffff; } tr.productListing-odd { background: #F5F5F5 url(../../../../images/content_images/tableBorderBg.png); background-repeat: repeat-x; background-position: bottom; height: 100px; } tr.productListing-even { background: #F5F5F5 url(../../../../images/content_images/tableBorderBg.png); background-repeat: repeat-x; background-position: bottom; height: 100px; } /* ____________________Added by sanguis________________________________ */ #productTellFriendLink { clear:left; } /* Joomla CSS required for header and footer to match Joomla main site */ #imbedHeader { width: 815px; height: 77px; background: #1d1b16; margin-left: auto; margin-right: auto; color: #868585; border-bottom: 1px solid #1d1b16; } #imbedFooter { position: relative; top: -6px; width: 815px; height: 77px; background: #1d1b16; margin-left: auto; margin-right: auto; margin-top: 0px; color: #868585; border-bottom: 1px solid #1d1b16; } #creditFooter { position: relative; top: -6px; font-size: 11px; } #imbedLogo { position: relative; left: 0; top: 0; width: 329px; height: 77px; } #imbedLogo img { display: block; } #imbedMenu { font-size: 10px; text-align: center; text-transform: uppercase; position: absolute; left: 430px; top: 60px; width: 480px } #imbedOtherMenu { font-size: 10px; text-align: center; text-transform: uppercase; position: relative; left: 0px; /* bottom: -30px; */ width: 814px; } #other_menu { position: relative; /* CMJ 01/19/2008 - The following attribute (top) is added to help vertically center the footer menu */ top: 27.5px; right: 0px; text-align: center; } #other_menu ul { margin: 0px; padding: 0px; } #other_menu ul li { list-style-type: none; list-style-image: none; float: left; text-align: left; padding-right: 0px; padding-left: 19.5px; height: 22px; } #other_menu ul li ul { display:none; } #other_menu a:link, #other_menu a:visited { padding-right: 5px; padding-left: 5px; text-decoration: none; font-size: 10px; text-transform: uppercase; /* color: #45322F; */ color: #bc7d7d; } #other_menu a.mainlevel:hover, #other_menu #active_menu, #other_menu a#active_menu:link, #other_menu a#active_menu:visited { color: #868585; }
Link
Hello
Why do you use in your link Lace Wigs a picture and a text? Isn`t enough with the word "Lace Wigs"?.
Using IE developer toolbar I see that your div is more smaller that your link and that cut link, try first change link and after try increase div height (categoryListBoxContents)
Quote:Why do you use in your
Why do you use in your link Lace Wigs a picture and a text? Isn`t enough with the word "Lace Wigs"?.
Using IE developer toolbar I see that your div is more smaller that your link and that cut link, try first change link and after try increase div height (categoryListBoxContents)
Been looking at this far too
Been looking at this far too long apparently.. The issue was my line-height settings in the body.
body { margin: 0; font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #868585; background: #1d1b16; line-height: 120%; }
I added 5% to this setting (was 115%) and all is right in Internet Explorer now. **sigh**