Remove the "bleeding" of a text selection

[tomatoKetchup]

Hello,

 

I wanted my website's display area to be exactly 768 px centered on the page. So here's the css properties I applied to the "main" div that contains every element I add on my webpage:

div#main {   margin-left: auto ;              margin-right: auto ;              width : 768px ;}

It works, fine, however when I select several lines of text inside it, the blue selection is bleeding all the way to the left and right of the window (see attached image).

 

How can I prevent this from happening?

 

Thanks for reading!

 

Thomas

[niche]

There's nothing to keep it from being selected based on the code you posted. You can verify this with your developer tools.

[tomatoKetchup]

So what would you change so that doesn't happen?

[dsonesuk]

It seems this effect is only happening in Chrome, other better browsers, and IE just highlight the text only.

[davej]

Why do you select the text?