Can't see right border in a <div>

[williamrouse]

I have this definition and in the last line the border does not show up, so I made it really visible to check and it still does now show. Any ideas what I should be looking for in my code as to why this is happing or a method to locate the cause?

Thanks!

WBR

#leftMenuContent { 
   float: left;
   width: 250px;
   padding: 1px;
   margin: 2px;
   height: 680px;
   /*#ffffff is the bottom color in gradient*/
   background: #ffffff url(../images/fading_background_12.png) repeat-x;
   border-right: thin red;
   border-right: thick #0000FF;
}

[Wickham]

border-right: thin red;

border-right: thick #0000FF;

 

You have two styles for border-right and you haven't defined whether it is solid, dashed, etc.

 

I don't like using thin, medium or thick for borders as I find that different browsers give different thicknesses and if the total width is critical, some browsers will make the total width too much and cause disruption to the layout.

 

I prefer to use px

border-right: 3px solid #0000FF;

[williamrouse]

I left the first definition at the bottom of the text since it would be overwritten by the second. Specifying the width in pixel now makes the border visible.

Thanks!

WBR