Tabs display issue in drupal 7

I having two issues getting the edit/view tabs to display correctly. Firstly, the background image doesn't appear even though the css looks correct:

ul.primary {
background: url("../images/tab-bar.png") repeat-x scroll left bottom transparent;
border-width: 0;
line-height: normal;
list-style: none outside none;
margin: 0;
padding: 0 0 0 10px;
white-space: nowrap;
}

Secondly, the view/edit tabs runs into the text. It doesn't provide a clean break.

Any help to correct these two issues would be appreciated.