Proč Border vypadá jinak na různých monitorech?

Je to grafika ke stránkám. Používám notebook, ke kterému mám připojený externí monitor na který mám rozšířenou plochu. Mezi hlavičkou a dalším DIV mám 1px border > následující kód

border: 1px rgba(255,255,­255,0.5) solid;

Na monitoru notebooku se border zobrazuje plnou bílou barvou, spíše jako kdybych použil pouze rgb místo rgba. Když okno chytnu a přetáhnu na externí monitor, najednou se to zobrazuje tak jak má – bílá je napůl průhledná. Je to pořád ten samý prohlížeč, jen si okno přehodím jinam. Nechápu proč se to zobrazuje rozdílně.

Na obrázku je nalevo screenshot monitoru notebooku a napravo screen externího monitoru.

Setkali jste se s tím někdy? Jak se toho zbavím?

Obrázek – https://db.tt/e7vEN9W0

Doplňuji:
Nakonec jsem ten border musel zrušit a vytvořit místo něj nový absolutně pozicovaný DIV (width=100%, height=1px) a na něj použít průhlednost. Problém byl asi ve spojení několika věcí.

• fotka v pozadí měla nastaveno „background-size: cover“ (které ale potřebuji), když jsem to zrušil tak to fungovalo na obou monitorech.
• css box model – že se border nezapočítává do velikosti elementu. (použitím box-sizing se nestalo nic)
• a jak psal Matesax – hardwarový problém