Widget css help

[tenaki]

Hi a little css help with a custom module I am using as test.

 

I have set up a custom html module and placed the widget code in it to see what it looks like and have added a logo. The problem is that I am loosing the bottom border. This happens even without the image as well

 

css I am using is which I have placed in widget_custom_styles.css

 

.jrWidgetLayout{

    background: none repeat scroll 0 0 #F5F5F5;

    border: 1px solid #DDDDDD;

    border-bottom: 1px solid #DDDDDD;

    padding: 5px;

    height: 100%;

}

.jrWidgetLayout {

    color: #333333;

    font-family: Helvetica,Arial,sans-serif;

    font-size: 13px;

    line-height: 1.54;

    margin-bottom: 5px;

}

[Kristian]

This section is only visible with a valid subscription. If you have a valid subscription, please login.

[tenaki]

This section is only visible with a valid subscription. If you have a valid subscription, please login.

[Alejandro]

This section is only visible with a valid subscription. If you have a valid subscription, please login.

[tenaki]

This section is only visible with a valid subscription. If you have a valid subscription, please login.