How to eliminate an annoying blue line in a border area of a hyperlink / h2 class with CSS

Tags: css,wordpress

Problem :

I'm unable to resolve an issue with my CSS. For some annoying reason, a dark blue vertical dash appears to the left of the product image -- but it's part of either the amazon-buying class or asin-title class. It looks like this:

annoying blue line

This is the only CSS I can find that would have anything to do with things:

.amazon-product-table {
    border-collapse : collapse;
    border : 0 none !important ;
    width : 100%;
.amazon-product-table td {
    border : 0 none !important ;
    padding : 0 !important ;
} {
    text-align : center;
    width : 170px;
    float : left;
    padding : 0 10px 0 10px;
} {
    text-align : left;
} {
    margin : 0 0 5px 0;
    line-height : 1.25;
    font-size : 10pt;
span.asin-title {
    text-align : left;

Here is what Firebug is showing:


I'm not good with CSS to begin with, but I'm completely clueless on how to eliminate this dark blue line -- whatever it is. It appears to be part of the title, or the amazon-buying class; when I hover over those classes in Firebug, that's the 665x16px area that highlights.

Here's a live example of the issue I'm dealing with. I've exhausted everything I could think of. Any guidance in helping me eliminate this annoying blue line would be greatly appreciated!

Solution :

Here's the element with the border:

enter image description here

As to getting rid of it, you could probably do something like this:

.amazon-product-table .amazon-asin-title {
    border-left: none;

    CSS Howto..

    How to have a sidebar on the right in a responsive page with maximum width?

    How to prevent embedded video from linking to another web page

    How can I stay organized when writing CSS? [duplicate]

    Why is border radius not showing up in IE?

    How to animate image swap on hover

    how scrollable text line inside a div without showing scroll bars

    Pure CSS3 show/hide full height div with transition

    How to transform a button into this styled button

    how to change css after some seconds continously?

    How come I keep getting a Failed to load resource: Error everytime I run my applacation?

    how to add an overlaying color over an image with css

    How do you align left / right a div without using float?

    How to move text using CSS animation?

    jQuery UI Droppable - How to allow only 1 element per drop zone, instead of stacking

    How to create a full screen div on landing page

    How to Vertically Center 2 anchor tags with CSS?

    Wordpress Menus are not showing up correctly?

    How do you use csslint from the command line?

    How to remove a class as each image is loaded

    How to convert a specific part of materialize.scss to css

    How to dynamically set the height in a CSS-class depending on the browser's window size with Javascript / jQuery?

    How to override the css using the JQuery

    how to CSS select all th cells, except the last one on IE7/8?

    How can I set the body color of a web page to the current width and height of the monitor?

    How do I add a transition to this rollover?

    How to lock scroll for all page?

    How to Include Multiple Javascript Files in .NET (Like they do in rails)

    How to let a div behave like another div?

    How to change text color of a link inside jQuery accordion

    How to put six divs in two rows