Post Title Wrapping Issues on Twenty Twelve Theme

Hello,

I am using a heavily modified version of the Twenty Twelve theme for my site, which you can see at ayoungsabonis.com. I have tested it on OSX across all browsers, and it looks good.

However, on some Windows 7 and Windows 8 machines, in Chrome, the title on the top featured post isn’t centered correctly, and the titling on posts isn’t wrapping and instead is staying along one line.

You can see a screenshot from a Windows 8 machine, running Chrome 31.0.16+, in 1600 x 900 resolution here: screenshot of issue.

This same person told me they viewed it in 1280 x 1024 aand 1440 x 900 and it was working fine (on the same machine). Then when they switched back to 1600 x 900 it was also working fine which makes no sense to me.

Another friend has told me that they viewed it in Windows 7, Chrome, 31.0.16+ in 1280 x 800 and it was working just fine.

Sort of lost, this is a lot of information but I wanted you to have it all.

Issue #1
I am centering the title in the featured post with this css:

.wp-tile-container .grid .tile-byline {
    height: 60px;
    left: 0;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 40%;
}

Issue #2
My H1 post titles aren’t always wrapping properly. The parent element is styled as:

.site-content {
    float: left;
    width: 65.1042%;
}

and the H1 tag is styled as:

.entry-header .entry-title {
    font-size: 2.71429rem;
}
.entry-header .entry-title {
    color: #EE3A44;
    float: left;
    font-family: 'OswaldBold',sans-serif;
    font-size: 38px;
    font-weight: 100;
    margin: 5px 0 0;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000000;
    text-transform: uppercase;
    width: 100%;
    vertical-align: baseline;
}

Can anyone tell me why this might be happening? It would be very much appreciated.

Thank you!