SharePoint ribbon displays border cant remove

I am trying to display:none on my sharepoint ribbon

s4-ribbonrow

{
display:none;
}

The ribbon dont get displayed when i do a print preview but the border of the s4-ribbonrow displays why?
I have tried like this

s4-ribbonrow

{
display:none;
border:none;

}
and also

s4-ribbonrow

{
display:none;
border-width:0px;
}
it still displays the top border of the ribbon why?

UPDATE

Still not working

#suiteBar

{
border:1px solid red;
border-bottom: 0px !important
}

=================

=================

1 Answer
1

=================

when you do display none, the element will not be displayed at all, including the border.

I am guessing that there is another element you may be overlooking.

if you are having trouble, it might help to share a screen shot

  

 

Hi i have found out it should be my #suitBar when i set it to be red it display alls red border but when using border:none; my border in the bottom still displays the border i cant remove it i can only change the color of it
– Batistuta
Feb 2 ’15 at 9:16

  

 

you can try border-bottom: 0px !important
– Tiago Duarte
Feb 2 ’15 at 9:20

  

 

I have updated..
– Batistuta
Feb 2 ’15 at 9:25

  

 

you want to remove the border completely? or just in the bottom?
– Tiago Duarte
Feb 2 ’15 at 9:28

  

 

The bottom only i can remove all border but not the bottom
– Batistuta
Feb 2 ’15 at 9:29