text Padding in css box

On this site mineoppskrifter.no I need to make padding so that the text in the two boxes inn he middle dont go all the way to the sides. The problem is that if I make padding in the css file the boxes are moving also following the text. Greatful for any help on this.

 

What do you mean the boxes follow the text? They stick out further?

 

You define the padding in div styles and in css styles on several occasions

here is where you need to change your padding

.spiffy{display:block}
.spiffy *{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#D3D997}
.spiffy1{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #D3D997;
border-right:1px solid #D3D997;
background:#D3D997}
.spiffy2{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #D3D997;
border-right:1px solid #D3D997;
background:#D3D997}
.spiffy3{
margin-left:1px;
margin-right:1px;
border-left:1px solid #D3D997;
border-right:1px solid #D3D997;}
.spiffy4{
border-left:1px solid #D3D997;
border-right:1px solid #D3D997}
.spiffy5{
border-left:1px solid #D3D997;
border-right:1px solid #D3D997}
.spiffyfg{
background:#D3D997}

 

1000 thanks longhornfreak, green to you. What should coder noobs as me do without people like you?