How ca I fill up whole table space with table cells of equal width?

I need the table row to be equal to the table space provided and for the table cells to have equal widths. I have tried numerous suggestions online but I haven't been able to figure it out.

HTML:

    

        

            

                
News
                                    
                
The new website is up!
                
The new website is up take a look around and be sure to visit our games page and have a good time. =)
            
            

                
Other Stuff
                
                
This is where some other info goes
                
We can type other types of information in here for the general public to know.
            
            
test
            
test
        
    

CSS:

#content{
    text-align:center;
    width:90%;
    margin-left:auto;
    margin-right:auto;  
}
#content #boxes table{
    table-layout:fixed; 
}
#content #boxes table tr td{
    border-top:30px solid #000;
    border-left:1px solid #000;
    border-right:1px solid #000;
    height:250px;
    width:23%;
    table-layout:fixed;
    text-align:left;
    float:left;
    display:inline-block;   
}
#content #boxes table tr td:hover{
    border-top:30px solid #F00;
    border-left:1px solid #F00;
    border-right:1px solid #F00;    
}