I have boxes floated inside a div sort of like the SO Chat except i am making a box for my own website where users can make their own chat room, these boxes on the page represent chatrooms and i want to make a perfect width for them so they will fit exactly on the page without any excess space in the margins. the main div they are positioned in is 965px with a padding of 15px on the left and right side of it making a 935px width i reduced the width from 965px to 935px to keep a total width of 965px.To get an idea of my scenario check out A FiddleAs you can see there is some space left at the end right side of the div and i dont want that, i want the chat boxes to fit pixel perfectly the full width and remember to take into account that borders count as widths too. If someone could help me that would be great!CSS Styles\[code\]body { width:1000px;}#Body { width:935px; padding:15px; height:500px; background-color:#F1F1F1; margin:0 auto;}.ChatRoom { float:left; width:223px; height:200px; border:1px solid #666; cursor
ointer; margin-right:8.75px; background-color:#FFF;}.ChatTitle { width:100%; height:30px; line-height:30px; font-size:13px; font-weight:bold; text-align:center; background-color:#C6D6D9; border-bottom:2px solid #9C0;}\[/code\]
ointer; margin-right:8.75px; background-color:#FFF;}.ChatTitle { width:100%; height:30px; line-height:30px; font-size:13px; font-weight:bold; text-align:center; background-color:#C6D6D9; border-bottom:2px solid #9C0;}\[/code\]